Fonts lokal in Divi einbinden – Eine Kurzanleitung

Fonts downloaden

Auf fonts.google.com oder Google Webfonts Helper die benötigten Schriften downloaden.

Fonts einbinden in Divi

  • In den DIVI Theme-Optionen die Google-Schriftarten deaktivieren
  • Eine neue Seite oder einen neuen Beitrag erstellen mit Textmodul
  • Im Reiter Design Text anklicken und der Button Hochladen wird sichtbar
  • Die heruntergeladene entsprechende Schriftart auswählen und hochladen

Geht nicht? Gibts nicht 🙂

Falls eine Fehlermeldung auftaucht, bitte folgende Zeile in die config.php am Ende eintragen:

define('ALLOW_UNFILTERED_UPLOADS', true);

Dann solltet ihr in der Lage sein, auch .ttf-Schriften hochzuladen.
Nicht vergessen nach dem Hochladen die Zeile aus der config.php wieder zu entfernen!

Nun könnt ihr z.B. im Theme-Customizer die Default Fonts gegen eure hochgeladenen Schriftarten austauschen und Headlines und Bodytext festlegen.

Die neu erstellte Seite/Beitrag wird nicht mehr benötigt und kann gelöscht werden.

 

Überprüfung der neuen Fonts

Fonts lokal in divi einfügen

Bild Netzwerkanalyse

Im Seitenquelltext sollte kein gstatic oder googleapis auftauchen. Eine Netzwerkanalyse ohne Cache-Plugin (Rechter Mausklick auf die Seite und Untersuchen) sollte ergeben, das die Fonts vom lokalen Server aus geladen werden. Man kann auch zusätzlich ein Add-On im Browser installieren das die Schriftarten erkennt und damit prüfen ob alles geklappt hat. (z.B. den Font Identifier für Microsoft Edge).

Ähnliche Beiträge: