Fonts lokal einbinden mit Divi

Damit deine Seite dsgvo-konform ist, solltest du deine Fonts lokal einbinden. Ich selbst bevorzuge den Bricks Builder, mit dem die lokale Einbindung der Fonts viel einfacher ist. Mit Divi 5 wird die Einbindung auch einfacher sein – doch da die Aktualisierung auf sich warten lässt, zeige ich dir hier, wie du mit Divi 4 vorgehen kannst.

 1. Erstelle eine Liste mit all den Schriften, die auf deiner Website verwendet werden (sollen).

Du kannst deine Seite untersuchen, wenn du dir nicht sicher bist, welche Fonts im Einsatz sind.
Öffne für den Check deine Seite im Chrome Browser und wähle mit einem Rechtsklick den Menüpunkt UNTERSUCHEN aus.
Unter Network findest du den Unterpunkt Font. Refreshe deine Seite, dann werden die Fonts die auf der Seite verwendet werden angezeigt.
Außerdem siehst du unter dem Reiter URL, wie die Fonts geladen werden. Findest du etwas wie fonts.gstatic.com bedeutet das, dass deine Schrift aktuell von Google geladen wird.

2. Schriften downloaden

Nun musst du die Schriften downloaden, um sie im nächsten Schritt selbst auf deiner Seite zu hosten.
Du kannst zb über den google-webfonts-helper machen.
Suche deine Schriften aus und klicke auf Download Files.
Du erhältst zip Dateien, die du vor dem Hochladen entpacken musst.

3. FTP Zugang

Nun musst du über einen FTP Zugang deine wp-config.php Datei bearbeiten.
Verwende ein Programm wie Cyberduck oder ähnliches.
Die Zugangsdaten erhältst du über deinen Hoster.

4. wp-config.php bearbeiten

Wenn du die wp-config.php Datei gefunden hast, öffne sie mit einem Programm wie zb. Sublime.
Dann fügst du ganz unten diese Zeile Code ein:

define( ‚ALLOW_UNFILTERED_UPLOADS‘, true );

// Diese Zeile musst du im Anschluss (nachdem du die Schriften hochgeladen hast) wieder aus der Datei entfernen!

5. In Divi Schriften hochladen

Nun ist der Weg frei, um die Schriften über DIVI hochzuladen.
Öffne dafür eine beliebige Seite oder erstelle eine neue und wähle über ein Text-Modul statt einer Schrift aus der Liste den Button HOCHLADEN aus.
Nun kannst du die Schriften, die du soeben heruntergeladen und entpackt hast auf deiner Seite hochladen.

6. In Divi Google Schriften deaktivieren

Gehe über das Dashboard –> Divi –> Theme Optionen und deaktiviere das Laden von Google Fonts.

7. Stelle die Schrift im Customizer als Default für die Überschriften / die Texte ein

Gehe zum Customizer zu den Einstellungen Typografie und suche die hochgeladene Schrift aus.

Fertig!

Ähnliche Beiträge

Du möchtest meinen Newsletter erhalten?

Erhalte exklusiv Tipps und Impulse zu Website, Webdesign & Personal Branding in dein Postfach: Trage dich in meinen Newsletter ein!
Kostenlos und jederzeit abbestellbar

Lass uns zusammen gute Ideen umsetzen!

Du benötigst Unterstützung bei der Entwicklung, Umsetzung oder Pflege deiner Website?
Erzähl mir davon in einem kostenlosen, unverbindlichen Erstgespräch.

Mit Klick auf den Button öffnet sich mein Kalender Tool Meetergo und du kannst einen passenden Termin auswählen.