Google Fonts bei ASTRA und ELEMENTOR lokal einbinden

Google Fonts downloaden und auf eigenen Server hochladen:

Über die Seite Google Webfonts Helper die benötigten Schriften downloaden und entpacken. Den dazu gehörenden CSS-Code kopieren.

Mit einem FTP-Programm (z.B. FileZilla) am Server im Verzeichnis “themes” einen Ordner “fonts” erstellen. Die entpackten Schriften in diesen Ordner uploaden.

Astra Child Theme erstellen:

Mit dem Child-Theme Generator für ein Child Theme von Astra die Dateien style.css, function.php und screenshot.jpg erstellen.

Die Datei style.css öffnen und den kopierten CSS-Code hinzufügen. 

In der Datei functions.php folgende Zeile hinzufügen, damit werden die Google Fonts deaktiviert:

add_filter( ‘elementor/frontend/print_google_fonts’, ‘__return_false’);

Mit einem FTP-Programm (z.B. FileZilla) am Server im Verzeichnis “themes” einen Ordner “astra-child” erstellen.

Die drei Dateien style.css, function.php und screenshot.jpg in diesen Ordner hochladen.

Im Theme Ordner befinden sich nun mindestens die Themes astra und astra-child.

In WordPress nun das Theme “Astra Child” aktivieren.

Mit dem Google-Fonts-Checker die korrekte Funktion überprüfen.