Google Fonts lokal einbinden wurde 2022 für viele kleine Betriebe in Österreich und Deutschland plötzlich dringend: Sie bekamen Briefe, in denen Geld für eingebundene Google-Schriften verlangt wurde. Seitdem fragen sich Website-Betreiber, ob ihre Seite betroffen ist und wie die Umstellung geht.
Dieser Beitrag erklärt den Hintergrund in wenigen Sätzen, zeigt eine Prüfung, die Sie ohne Technikwissen machen können, und beschreibt die Umstellung in WordPress. Er ersetzt keine Rechtsberatung.
Inhaltsverzeichnis
Worum es geht: Schriften von fremden Servern
Google Fonts ist eine große Sammlung kostenloser Schriften. Viele Themes binden sie so ein, dass der Browser jeder Besucherin die Schrift direkt von Google-Servern lädt. Dabei wird ihre IP-Adresse an Google übertragen.
Das Landgericht München I (Urteil vom 20.01.2022, Az. 3 O 17493/20) hat darin ohne Einwilligung einen Datenschutzverstoß gesehen und einem Kläger Schadenersatz zugesprochen. Das Gericht wies auch darauf hin, dass die Schriften genutzt werden können, ohne dass beim Seitenaufruf eine Verbindung zu Google entsteht. Genau das ist die lokale Einbindung.
Die Schriften selbst dürfen Sie in der Regel auf Ihrem eigenen Server ablegen. Google erklärt die Lizenzen und den Datenschutz in den Google Fonts FAQ und unter Privacy and Data Collection.
In zwei Minuten prüfen: Lädt Ihre Website Google-Schriften?
- Öffnen Sie Ihre Website in Chrome oder Firefox in einem privaten Fenster.
- Drücken Sie F12 (Mac: Cmd + Option + I) und wählen Sie den Reiter „Netzwerk“.
- Laden Sie die Seite neu und geben Sie oben im Filterfeld „fonts.g“ ein.
- Erscheinen Einträge von
fonts.googleapis.comoderfonts.gstatic.com, lädt Ihre Website Schriften von Google.
Prüfen Sie nicht nur die Startseite, sondern auch Kontaktseite und Blog. Manche Plugins laden eigene Schriften nur auf bestimmten Seiten. Das gilt ähnlich für eingebettete Karten, wie in Google Maps einbinden beschrieben.
Google Fonts lokal einbinden in WordPress
Je nach Website gibt es drei Wege, vom einfachsten zum aufwendigsten:
Weg 1: Option im Theme oder Page Builder
Viele aktuelle Themes und Page Builder haben eine Einstellung wie „Google Fonts lokal laden“. Suchen Sie in den Theme-Einstellungen oder unter „Leistung“ bzw. „Performance“. Nach dem Aktivieren leeren Sie den Cache und wiederholen die Prüfung.
Weg 2: Ein Plugin übernimmt die Umstellung
Spezielle Plugins erkennen eingebundene Google-Schriften, laden sie auf Ihren Server und schreiben die Verweise um. Das ist praktisch, wenn mehrere Plugins eigene Schriften mitbringen. Wählen Sie ein gepflegtes Plugin mit regelmäßigen Updates.
Weg 3: Manuell per CSS
Laden Sie die Schriftdateien herunter, idealerweise im Format WOFF2, und legen Sie sie im Child-Theme ab. Binden Sie sie per @font-face im CSS ein und entfernen Sie den alten Verweis auf Google. Dieser Weg ist sauber, sollte aber von jemandem umgesetzt werden, der Ihr Theme kennt.
Laden Sie nur die Schnitte, die Sie wirklich verwenden, zum Beispiel normal und fett. Jeder zusätzliche Schnitt ist eine weitere Datei, die der Browser laden muss.
Gilt das auch für andere Schriftdienste?
Das Prinzip ist dasselbe: Lädt der Browser eine Datei von einem fremden Server, wird die IP-Adresse dorthin übertragen. Schauen Sie im Netzwerk-Reiter deshalb auch nach anderen Schrift- oder Icon-Diensten. Ob eine lokale Einbindung erlaubt ist, hängt von deren Lizenz ab.
Beispiel: Ein Hof mit zwei Schriften
Ein fiktiver Schafhof in der Schweiz verkauft Wolle und Käse über seine WordPress-Website. Die Prüfung zeigt zwei Schriften von Google: eine aus dem Theme, eine aus einem Slider-Plugin. Die Theme-Option löst nur die erste.
Der Slider wird ohnehin kaum genutzt und fliegt raus. Danach zeigt der Netzwerk-Reiter keine Verbindung zu Google mehr. Nebeneffekt: Die Seite lädt eine Datei weniger von einem fremden Server. Wie Sie Ladezeiten messen, steht in Core Web Vitals verbessern.
Nach der Umstellung
- Prüfung im Netzwerk-Reiter auf mehreren Seiten wiederholen,
- Darstellung auf Smartphone und Desktop kontrollieren,
- Datenschutzerklärung anpassen, falls dort noch Google Fonts steht,
- nach Theme- oder Plugin-Updates erneut prüfen.
Den letzten Punkt vergessen viele: Ein Update kann eine externe Schrift zurückbringen. Nehmen Sie die Prüfung deshalb in Ihre regelmäßige WordPress-Wartung auf.
Sie möchten Google Fonts lokal einbinden lassen oder Ihre Website insgesamt auf eingebundene Dienste prüfen? Unser Team für Webseiten hilft Ihnen dabei.