BlogbeitragGoogle Fonts in Divi entfernen und lokal einbinden

Sep. 13, 2022

Kurz gesagt

Um Google Fonts in Divi zu entfernen, deaktivierst du in den Divi-Theme-Optionen den Schalter „Google Fonts Verwenden", lädst deine Schriften bei Google Fonts runter und bindest sie lokal ein. Weil WordPress Schriftdateien beim Upload standardmäßig blockt, schaltest du den Upload einmalig über die wp-config.php oder die functions.php frei und nimmst die Freigabe danach wieder raus. Das funktioniert in Divi 4 und Divi 5 gleich.

Inhalt des Beitrages

Die Abmahnwelle wegen Google Fonts kam 2022. Auf meiner eigenen Website hatte ich die Schriften da schon lokal eingebunden, mit Divi 4. Nicht aus Glück, sondern weil ich wusste, worauf man achten muss. Viele wussten es halt nicht.

Mittlerweile arbeite ich mit Divi 5, meine eigene Migration ist längst durch (mehr zur Divi5 Migration findest du hier). Bei meinen Divi-Kundinnen ist das fester Bestandteil, zum Beispiel bei Little Monkey Yoga und Valeska Horak. Da wurden die Schriften von Anfang an lokal eingebunden, nicht erst nachträglich.

Warum du Google Fonts in Divi lokal einbinden solltest

Wenn du Google Fonts über die normale Einbindung nutzt, lädt deine Website die Schriften bei jedem Aufruf von einem Google-Server. Dabei wird die IP-Adresse deiner Besucher an Google übertragen, ohne dass sie zugestimmt haben. Genau das hat das Landgericht München I Anfang 2022 als Datenschutzverstoß gewertet, und danach ging die Abmahnwelle los (wer damals in den WordPress-Facebookgruppen unterwegs war, weiß Bescheid).

Die Schriften lokal einzubinden ist so schnell gemacht, dass sich nach meiner Meinung nach die Frage nach dem Risiko gar nicht erst stellt, OB man das so macht. Du hostest die Schrift selbst, es geht besteht keine Verbindung mehr zu Google, fertig.

Kurz zur Lizenz: Achte darauf, dass du für die Schrift, die du lokal einbindest, auch die passende Lizenz hast. Die meisten Google Fonts sind nach meiner Recherche frei nutzbar (Open Font License), aber verlass dich nicht blind drauf. Schau einfach in die Lizenzbedingungen beim Download.

Font-Upload in WordPress freischalten (gilt für Divi 4 und Divi 5)

WordPress blockt Schriftdateien beim Upload erst mal ab, egal welche Divi-Version du nutzt. Du bekommst dann die Meldung „Sorry, you are not allowed to upload this file type". Dafür gibt's zwei Wege:

  • Klassisch: in der wp-config.php einfügen: define('ALLOW_UNFILTERED_UPLOADS', true);
  • Etwas sicherer: ein kleines Snippet in der functions.php, das die Freigabe nur für eingeloggte Admins aktiviert

Kommt aufs Gleiche raus, der zweite Weg ist nur enger begrenzt. Egal welchen Weg du nimmst: danach unbedingt wieder rausnehmen. Sonst bleibt eine Sicherheitslücke offen, über die im Zweifel jeder beliebige Dateityp hochgeladen werden kann.

Google Fonts in Divi 4 entfernen

  1. In den Divi-Einstellungen „Google Schriftarten verwenden" deaktivieren
  2. Die gewünschte Schriftart in den passenden Schriftschnitten runterladen (z. B. direkt bei Google Fonts) und dabei unbedingt auf die Lizenz achten
  3. Font-Upload freischalten (siehe oben)
  4. Dort, wo man Schriften auswählt, kann man sie jetzt auch hochladen (also einfach in einem beliebigem Textfeld z. B.). Ich benenne sie immer eindeutig, z. B. „Montserrat lokal"
  5. Die Schrift kann jetzt überall verwendet und als Standard gesetzt werden.

Google Fonts in Divi 5 entfernen

Divi 5 Theme-Optionen im Reiter Allgemein mit deaktiviertem Schalter „Google Fonts Verwenden
  1. Unter Divi > Theme-Optionen > Allgemein den Schalter „Google Fonts Verwenden" deaktivieren. Die Felder Google API-Schlüssel und Google Fonts-Subsets brauchst du gar nicht anzupassen
  2. Schriftart in den passenden Schriftschnitten runterladen, Lizenz checken
  3. Font-Upload freischalten (siehe oben), dann die Schrift über den Font-Auswahl-Dropdown hochladen
  4. Schrift auswählen, als Standard setzen
Divi 5 Upload Dialog für Schriftwarten

Und jetzt du: Nutzt du noch google fonts in Divi?

Falls du dir bei so einem Schritt unsicher bist oder gar nicht weißt, ob deine Website überhaupt noch eine Verbindung zu Google herstellt: Buch dir gern ein kostenloses Kennenlerngespräch. Dann schauen wir zusammen drauf und ich sag dir, wo ich dich unterstützen kann.

FAQ - Häufig gestellte Fragen zu Google Fonts in Divi

Woran erkenne ich, ob meine Website noch Google Fonts lädt?

Du kannst deine Seite durch einen kostenlosen Google-Fonts-Checker laufen lassen, davon gibt es mehrere im Netz. Alternativ öffnest du die Entwicklertools im Browser (Netzwerk-Tab) und schaust, ob Anfragen an fonts.googleapis.com oder fonts.gstatic.com rausgehen. Wenn ja, lädt deine Seite noch extern.

Muss ich das bei Divi 5 anders machen als bei Divi 4?

Im Kern nicht. Der Schalter heißt in Divi 5 „Google Fonts Verwenden“ statt „Google Schriftarten verwenden“, und es sind zwei Felder dazugekommen (Google API-Schlüssel und Google Fonts-Subsets), die du aber nicht brauchst. Der eigentliche Ablauf, deaktivieren, runterladen, lokal hochladen, ist gleich geblieben.

Was ist ALLOW_UNFILTERED_UPLOADS und ist das gefährlich?

Das ist eine WordPress-Einstellung, die den Upload aller Dateitypen erlaubt, auch von Schriftdateien. Sie ist nur so lange ein Risiko, wie sie aktiv ist, weil dann jeder mit Upload-Rechten beliebige Dateien hochladen könnte. Deshalb schaltest du sie nur kurz für den Font-Upload frei und nimmst sie danach wieder raus.

Verliere ich mein Design, wenn ich Google Fonts entferne?

Nein, solange du dieselbe Schrift lokal wieder einbindest. Du lädst genau die Schriftschnitte runter, die du vorher extern genutzt hast, und setzt sie neu als Standard. Optisch ändert sich für deine Besucher nichts.

Muss ich bei lokalen Schriften auf die Lizenz achten?

Ja. Auch eine lokal gehostete Schrift braucht eine passende Lizenz. Die meisten Google Fonts stehen unter der Open Font License und sind frei nutzbar, aber verlass dich nicht blind drauf. Ein kurzer Blick auf die Lizenzangabe beim Download reicht.

Kann ich Google Fonts in Divi auch von jemandem entfernen lassen?

Ja. Wenn du dich an die wp-config.php oder functions.php nicht rantraust oder unsicher bist, ob alles sauber sitzt, übernehme ich das für dich. Das ist auch Teil der laufenden WordPress-Wartung, bei der genau solche Dinge im Blick behalten werden. Für den Anfang buchst du einfach ein kostenloses Kennenlerngespräch.

Wer schreibt hier?

Katja Arndt, Webdesignerin sitzt am Laptop mit einer Tasse Kaffee

Katja ArndtFreelancerin für Websites & E-Mail-Marketing aus Leipzig

Hi, ich bin Katja. Ich entwickle Websites für sinnstiftende Selbstständige und kleine Unternehmen, die gefunden werden, barrierefrei sind und nach Neurowebdesign klar zum Ziel führen. Hier im Blog teile ich Einblicke aus der Kundenarbeit, Learnings aus echten Projekten und was mir sonst noch so über den Weg läuft, weil ich einfach gerne drüber schreibe.

Diskutiere mit!Kommentare

0 Kommentare

Kommentar Schreiben

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Wenn du ebenfalls Unterstützung benötigst, schreib mir gern. Gemeinsam können wir über dein Projekt sprechen.

suche blog foto von josy schreier

Suche

Hier gibt es Beiträge zu Webdesign, Website Management und digitalen Services. Außerdem schreibe ich auch gern über die Selbstständigkeit als Freelancerin und Virtuelle Assistentin und nützliche Tools.

Dein Thema nicht dabei? Schreib mir gern, ich verfasse sicher gern einen Artikel darüber.

ueber-mich-blog-bottom foto von josy schreier

Hi, ich bin Katja

Schön, dass du da bist! Ich unterstütze Selbstständige und Unternehmer*innen bei allen Themen rund um Technik & Design. Ich liebe außerdem Fitness, Abenteuer, Vanlife, Reisen und Erdnussbutter.

noch-fragen-blog-bottom foto von josy schreier

Noch Fragen?

Informationen über die Verarbeitung Ihrer personenbezogenen Daten findest du in meinem Datenschutzhinweis.

WordPress Cookie Hinweis von Real Cookie Banner