Support » Themes » Ich möchte beim Astra Theme die http request nach astra.woff löschen

  • johnnyrockermeier

    (@johnnyrockermeier)


    Hi allen miteinander!
    Ich bin aktuell am Speed-Page optimieren habe aber ein großes Problem:

    Ich habe das Astra Pro theme und möchte ubedingt die http request nach der astra.woff wegkriegen, da die laut google page speed report über 1000ms braucht, bis da mal was vorwärts geht.

    Ich habe einfach mal die Font gelöscht, aber leider bekomme ich dann in meiner navigation oben ( https://understandmyself.de ) ein kleines Quadrat, statt dem „Nach unten-“ Pfeil, der das Submenu aufmacht.
    Also die Frage: Wie kann ich meine Seite davon abhalten, die Schrift zu laden und wie kann ich das Zeichen, welches für das Dropdown verantwitlich ist, mit einem anderen Zeichen aus dem normalen Zeichensatz ersetzen, damit ich keine hässlichen Qudarate habe?

    Danke schonmal für die Antwort!

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Moderator Bego Mario Garde

    (@pixolin)

    Deine Websseiten versuchen eine Datei /fonts/astra.woff vorab zu laden, um die Performance für Folgeseiten zu optimieren. Ich vermute, dass das mit einer Einstellung im Cache-Plugin WP Rocket zusammenhängt – vielleicht schaust du da zuerst noch einmal nach?

    Um die Schrift astra.woff nicht zu laden, kannst du einen Filter verwenden, den du in der functions.php deines Child-Themes anhängst:

    add_filter( 'astra_enable_default_fonts', __return_false() );

    (Mehr Infos dazu hier: https://wpastra.com/docs/disable-loading-astras-default-font-file-astra-woff/)

    Das Dreieck im Navigationsmenü wird über eine CSS-Regel eingefügt:

    .main-header-bar .main-header-bar-navigation .menu-item-has-children > a::after, .main-header-bar .main-header-bar-navigation .page_item_has_children > a::after {
    
        content: "\e900"; /* Schriftzeichen "umgekehrtes Dreieck" */
        display: inline-block;
        font-family: Astra; /* Schriftart */
        font-size: 9px;
        font-size: .6rem;
        font-weight: 700;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 10px;
        line-height: normal;
    
    }

    Du könntest also z.B. die Schriftart und das verwendete Zeichen ändern:

    .main-header-bar .main-header-bar-navigation .menu-item-has-children > a::after, .main-header-bar .main-header-bar-navigation .page_item_has_children > a::after {
    
        content: "\25bc"; 
        font-family: Arial; 
    }
    johnnyrockermeier

    (@johnnyrockermeier)

    Danke dir!

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)