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:
- Google Fonts in der Datenschutzerklärung erwähnen (umstritten, ob dies genügt. CH eher Ja. EU eher nein.)
- via Cookie Plugin Einwilligung einholen und zusätzliche in der Datenschutzerklärung erwähnen
- Google Fonts zu entfernen und nur Standardschriftarten zu verwenden
- 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
Dies ist tatsächlich schon alles. Nun findest du z.B. im Textmodul auch nur noch die 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.
- Sobald du nun eine Schriftart auswählen möchtest, siehst du neben den Standardschriften auch einen Button „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
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
In 4 Wochen zur eigenen Website
Zögerst du schon lange, um endlich deine neue Website zu erstellen?
Oder weisst du einfach nicht, wie und womit du beginnen sollst?
In diesem Kurs führe ich dich Schritt für Schritt zu einer Website, die perfekt zu dir, deinem Angebot und deinen Kunden passt.
Danke, das hat mir sehr weitergeholfen!
Zuerst hatte es nicht geklappt, weil der Eintrag für die wp-config.php mit „deutschen“ Anführungszeichen geschrieben war. Ich habe es in englische geändert, dann klappte es:
define( ‚ALLOW_UNFILTERED_UPLOADS‘, true);
Danke Christian für diesen Hinweis. Da hat sich wieder etwas verschoben. Nun sollte es aber richtig sein. LG Karin
Das wäre wunderbar, wenn es funktionieren würde. Leider habe ich das gleiche Problem wie Günter. Der Trick mit dem Eintrag in der wp-config.php funktioniert leider nicht. Hast du vielleicht noch ein Tipp?
PHP 7..3
DIVI 4.6.5
WP 5.5.1
Hallo Tilo
Erscheint beim Upload eine Fehlermeldung?
Lieber Gruss
Karin
Danke dir. Auch nach fast zwei Jahren hat mir das sehr geholfen. 😉 So muss ich nicht auf ein kostenpflichtiges Plugin zurück greifen.
Danke für den hilfreichen Beitrag Karin!
Das hat bei mir in der Vergangenheit auch schon mal geklappt, aber mit aktuellen Divi und aktuellem WordPress klappt das nicht mehr so. (Jetzt bei 3 verschiedenen Installationen getestet).
Problem: Ich kann den Knopf „Choose Font Files“ nicht mehr drücken! Erst wenn ich auf die Zeile drunter „Supported file formats…“ klicken kann ich eine Datei hochladen. ABER: Dann auch nur noch TTF und OTF kein WOFF oder WOFF2.
Divi-Version: 3.29.3
WordPress 5.2.3
Ist das bei dir auch so? Dann mache ich mal beim Hersteller ein Support-Ticket auf…
Viele Grüße,
Günther
Hallo Günther
Danke für Deinen Kommentar.
Meist liegt dieses Problem an der PHP Version. Daher diese mal kurzfristig ändern und dann nochmals testen. Alternativ kannst Du bei der wp-config.php Datei vorübergehend folgenden Code hinterlegen:
define(‚ALLOW_UNFILTERED_UPLOADS‘, true);
nach dem Upload der Schriftarten einfach den Code aus Sicherheitsgründen wieder entfernen.
Lieber Gruss
Karin
Mein erster Kommentar liest sich wie Link-Fischerei … So war das aber nicht gemeint.
Ich versuche grade in einer Testumgebung, meine Website moderner zu gestalten und probiere zum ersten Mal Divi aus. Und bei vielen dieser komplexen Themes mit Pagebuildern und Pipapo finde ich es extrem kompliziert auf selbstgehostete Schriften umzustellen, wenn es mir denn überhaupt gelingt.
Deine Anleitung ist erstens super Verständlich und zweitens haben offenbar die Divi-Entwickler*innen mitgedacht. Und eine tolle Lösung entwickelt.
Danke Dir Anina! Freut mich sehr, dass ich Dir weiterhelfen konnte. Lieber Gruss Karin
Das ist genial erklärt! Genau das habe ich gerade gesucht. Lieben Dank für die super Erklärung.