Google-Fonts lokal einbinden Eine Anleitung

Google Fonts lokal einbinden: Schritt für Schritt Anleitung

Nachdem Du die passenden Google Fonts für Deine Website heruntergeladen hast, musst Du  folgende Schritte für eine lokale Einbindung befolgen:

Schritt 1: Child-Theme erstellen (für WordPress-Nutzer)

Als WordPress-Nutzer solltet Ihr zunächst unbedingt ein Child-Theme erstellen, wenn bisher noch keines angelegt wurde.

Denn damit gehst Du sicher, dass die Google Fonts bzw. die entsprechende CSS-Datei bei einem Update des eingesetzten Templates nicht überschrieben wird.

Am einfachsten geht das mit einem Plugin. Allerdings kann man das auch händisch erledigen, wenn Ihr dazu Fragen habt könnt Ihr uns gerne Fragen und wir zeigen es Euch.

Schritt 2: ZIP-Datei entpacken

Nachdem die Google Fonts heruntergeladen wurden, müssen diese nun entpackt werden.

Schritt 3: Google Fonts auf den Server hochladen (lokal)

In diesem Schritt müssen die entpackten Google Fonts auf den Server hochgeladen werden. Am einfachsten geht das direkt über einen FTP-Zugang, mit welchem der Zugriff auf alle Daten des Servers gewährleistet ist.

Sucht hier den Template-Ordner (bzw. das  Child-Theme-Ordner) und legt hier einen Unterordner für die zuvor heruntergeladenen Google Fonts an.

Diesen Ordner können Sie beispielhaft “fonts” nennen. Sollte bereits ein solcher Ordner existieren, fügen Sie Ihre Google Fonts hinzu.