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
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).