Divi mit eigenen Fonts nutzen

von | 08. Juni 2021

Gründe

Es gibt im Wesentlichen zwei Gründe, Fonts direkt auf seinem Server zu speicher. Entweder nutzt man selbst gekaufte Fonts oder möchte wegen der DSGVO die Google Fonts nicht vom Google Server beziehen.

Fonts besorgen

Bei Google kann man sich das Font Paket zusammen stellen. Aus Geschwindigkeitssicht reduziert man das natürlich auf die geringste und benötigte Anzahl. Auch bei gekauften Fonts sollte man darauf achten, nur die wirklich genutzten Fonts und nur die Gewichte dann in der Website zu verwenden. Nutzt Du kein Italic, brauchst Du diesen Font nicht.

grafik 2
grafik 2

Font Upload in WordPress ermöglichen

Im Normalfall sind außer Bildern und PDF Dateien keine weiteren Formate in WordPress für einen Upload in die Mediathek erlaubt. Hier muss zuerst die Erlaubnis erteilt werden. Ich setze dazu das Plugin WP Add Mime Types. Dies ist sehr slicht gehalten und ermöglicht, eben den Upload beliebiger Dateitypen freizuschalten.

Für die TTF und woff Dateien wäre folgender Code einzutragen:

woff	= application/x-font-woff
woff2	= application/x-font-woff2
ttf	= application/x-font-ttf

Fonts im Divi Builder hochladen

Jetzt kann man irgendwo im Divi Builder die notwendigen Fonts hochladen und danach in allen Bereichen nutzen. Öffnet dazu eine beliebige Seite, startet den Visual Builder und geht in die Einstellungen eines Textmoduls:

Hier habe ich bereits drei Schriftarten hochgeladen. Es ist auch möglich ein Paket mit mehreren Schriftstärken zu laden und diese dann je nach Bedarf einzustellen.

Abschluss

Denkt dran, dann die Google Fonts in den Theme Optionen zu deaktivieren. Jetzt könnt Ihr die Schriftarten direkt im Customizer für die globalen Einstellungen auswählen oder eben separat in jedem Modul:

0 Kommentare

Wolfram Lührig

Wolfram Lührig

Agentur WolfsPress

Eigentlich betreibe ich eine WordPress & Online Marketing Agentur. Aber in Wirklichkeit helfe ich vor allem anderen Menschen dabei, ihre eigene Webseite ins Netz zu bringen, um damit Kunden zu gewinnen.

 

Weitere Beiträge

Kontaktformular mit Ninja Forms einrichten

Kontaktformular mit Ninja Forms einrichten

Ich hatte berichtet, das ich Contact Forms 7 nicht mehr so gerne einsetze. Einmal aus dem Grund der Datenschutzbestimmungen und zum Anderen, da es für Dich nicht leicht einzurichten ist. Jetzt habe ich inzwischen mit verschiedenen anderen Plugins gearbeitet, mal war...

mehr lesen