Google Fonts lokal (Divi)

Google Fonts bei Divi deaktivieren oder lokal hosten

Google Fonts werden heutzutage auf nahezu allen modernen Websites verwendet. In Bezug des Datenschutzes sind sie jedoch umstritten, da sie eine „Verbindung zu den Google-Servern herstellen“ und dadurch auch Daten übertragen können.

Daher werden folgende 4 Szenarien empfohlen:

  1. Google Fonts in der Datenschutzerklärung erwähnen (umstritten, ob dies genügt. CH eher Ja. EU eher nein.)
  2. via Cookie Plugin Einwilligung einholen und zusätzliche in der Datenschutzerklärung erwähnen
  3. Google Fonts zu entfernen und nur Standardschriftarten zu verwenden
  4. Google Fonts auf dem eigenen Server hosten

Die 3. und 4. Möglichkeiten werden derzeit als die sichersten Methoden angesehen, welche glücklicherweise mit dem Divi Theme* sehr einfach und schnell umgesetzt werden können.

Google Fonts deaktivieren

  • Gehe zu Divi – Themes-Optionen
  • Im ersten Register „General“ findest du die zwei Optionen bezüglich Google Fonts, welche du deaktivieren musst.
  • Speichern
Google Fonts bei Divi deaktivieren

Dies ist tatsächlich schon alles. Nun findest du z.B. im Textmodul auch nur noch die Standardschriften.

standardschriften

Google Fonts auf dem eigenen Server hosten / Google Fonts lokal einbinden

Im Vergleich zu anderen Themes, ist auch dies bei Divi* sehr einfach.

  • Deaktiviere Google Fonts wie oben beschrieben
  • Nun öffne die Website von Google Fonts https://fonts.google.com/
  • Such deine gewünschte Google Schrift und klicke diese an.
  • Nun kannst du diese oben rechts downloaden „Download Family“
  • Entpacke die komprimierte ZIP-Datei, sodass du die Schriften in einem Ordner findest.
  • Nun folgt der einzig komplizierte Teil. Da das Hochladen von gewissen Dateien bei Divi / WordPress gesperrt ist, musst du diese Funktion zuerst freischalten.
    Dies geht via wp-config.php Datei in deiner WordPress Installation. Öffne diese und füge ganz am Ende folgenden Code ein: define(‚ALLOW_UNFILTERED_UPLOADS‘, true);
  • Gehe zurück zu deiner WordPress Seite und öffne den Divi Builder und wähle ein Textmodul. Einfach eine Seite oder einen Beitrag öffnen. Dabei spielt es keine Rolle ob du im Backend mit dem Divi Builder oder im Frontend mit dem visuellen Builder arbeitest.
  • Hier im Beispiel siehst du den Divi Builder im Backend. Gehe im Textmodul auf Design und dann z.B. auf Text Schriftart. Es spielt wirklich keine Rolle wo du dies machst, es geht nur um die Auswahl einer Schriftart direkt im Divi Builder.
Textmodul
  • Sobald du nun eine Schriftart auswählen möchtest, siehst du neben den Standardschriften auch einen Button „Hochladen“
Hochladen
  • Klicke auf Hochladen
  • Beim Feld Font Name (1) schreibst du den Namen der Schriftart.
  • Auf den Button Choose Font Files (2) klicken und auf deinem Computer die vorher runtergeladene Schrift auswählen.
  • Nun auf Hochladen (3) klicken
  • Zum Schluss entfernte in der wp-config.php Datei den Eintrag define(‚ALLOW_UNFILTERED_UPLOADS‘, true); wieder
Hochladen

Das war’s bereits. Wenn du nun irgendwo bei Divi* eine Schriftart auswählen kannst, dann kannst du nun auch diese „hochgeladene“ Schrift auswählen und verwenden.

Kleiner Hinweis: Bei Divi – Designmodifikator kannst du die hochgeladene Schrift auch auswählen, aber oftmals wird diese in der Vorschau nicht richtig angezeigt. Funktionieren tut es aber.

Viel Spass mit Divi und deiner WordPress Seite…

… und denk daran, bleib natürlich auch online!

Lieber Gruss

Karin

Newsletter

Mit deiner Anmeldung stimmst du zu, dass ich dir meinen Newsletter zusende. Du hast jederzeit die Möglichkeit, dich von meinem Newsletter wieder abzumelden. Weitere Informationen findest du in der Datenschutzerklärung.

Affiliate/Werbelinks

In meinem Artikel verwende ich Affiliate-Links. Wenn du auf einen solchen Link klickst und darüber einen Kauf tätigst, erhalte ich eine Provision vom Anbieter. Für dich ändert sich dadurch weder das Angebot noch der Preis. Damit unterstützt du meine Arbeit bei der Erstellung kostenloser Anleitungen und Blogartikel.