Google Fonts lokal einbinden: so geht es Schritt für Schritt
Lädt Ihre Website Schriften direkt von den Servern von Google, erfährt Google bei jedem Besuch die IP-Adresse des Besuchers. Ohne Einwilligung ist das nach einem Urteil des Landgerichts München I aus dem Januar 2022 ein Verstoß gegen den Datenschutz. Die Lösung ist einfach und kostet nichts: Sie legen die Schriften auf Ihrem eigenen Webspace ab. Die Seite sieht danach genauso aus wie vorher.
Wer Google Fonts lokal einbinden will, muss allerdings alle Stellen finden, an denen die Schriften geladen werden. Das Theme ist nur eine davon.
Warum die Einbindung von Google ein Problem ist
Technisch ist der Unterschied klein. Rechtlich ist er groß, weil eine Verbindung zu einem Dritten entsteht, von der der Besucher nichts weiß.
Im Fall vor dem Landgericht München I hatte ein Besucher geklagt. Eine Website hatte seine IP-Adresse über die dynamisch eingebundenen Schriften an Google weitergegeben. Das Gericht sprach ihm 100 Euro Schadensersatz zu und untersagte die Einbindung ohne Einwilligung (Urteil vom 20. Januar 2022, Aktenzeichen 3 O 17493/20).
Die Begründung: Die Schriften lassen sich auch ohne Verbindung zu Google nutzen, also gibt es kein berechtigtes Interesse an der Übertragung. Das Urteil eines einzelnen Landgerichts bindet andere Gerichte nicht. Die Begründung passt aber auf jede Seite, die Schriften ohne Not von Google lädt.
Danach verschickten einzelne Absender im Jahr 2022 massenhaft Forderungsschreiben an Seitenbetreiber. Gegen einige von ihnen wurde später ermittelt.
Das Grundproblem bleibt trotzdem bestehen: Eine Seite, die Schriften von Google lädt, gibt Daten weiter, die sie nicht weitergeben müsste. Auch ein Serverstandort in Deutschland ändert daran nichts, weil die Verbindung vom Browser des Besuchers ausgeht und nicht von Ihrem Server. Was der Standort tatsächlich regelt, steht unter Serverstandort Deutschland.
Prüfen, ob Ihre Seite Google Fonts lädt
Das sehen Sie in zwei Minuten mit den Entwicklerwerkzeugen Ihres Browsers.
- Öffnen Sie ein privates Fenster und rufen Sie Ihre Seite auf.
- Öffnen Sie mit F12 die Entwicklerwerkzeuge und darin den Netzwerk-Reiter. Er listet jede Datei auf, die der Browser beim Laden holt, samt der Adresse, von der sie kommt.
- Laden Sie die Seite neu und geben Sie im Filterfeld „fonts.g“ ein.
- Erscheinen Anfragen an fonts.googleapis.com oder fonts.gstatic.com, lädt die Seite Schriften von Google.
- Wiederholen Sie das auf Kontaktseite, Blog und anderen Unterseiten.
Der letzte Schritt ist wichtig. Oft ist die Startseite sauber, aber die Kontaktseite mit Karte oder Formular holt sich die Schriften trotzdem von Google.
Wo sich Google Fonts verstecken
Die Schrift im Theme ist der bekannte Fall. Die übrigen Quellen werden bei der Umstellung gern übersehen.
Page-Builder und viele Plugins laden eigene Schriften, auch wenn das Theme schon umgestellt ist. Eingebettete Karten, Videos und manche Spamschutz-Dienste bringen ebenfalls Schriften mit. Diese lassen sich nicht einzeln umstellen. Hier hilft nur, den ganzen Dienst erst nach einer Einwilligung zu laden oder ihn durch einen Link zu ersetzen. Wie das geht, erklärt die Seite Cookie Banner.
Bei einem Homepagebaukasten bestimmt der Anbieter, wie Schriften geladen werden. Fragen Sie im Zweifel nach, ob die Schriften von seinen eigenen Servern kommen. Mehr zu den Grenzen solcher Systeme steht unter Homepagebaukasten.
Google Fonts lokal einbinden: die Umstellung
Die Schriften stehen unter freien Lizenzen und dürfen auf dem eigenen Webspace liegen. Die Umstellung läuft immer gleich ab, egal ob Sie WordPress, ein anderes System oder eine selbst gebaute Seite haben. Ist Ihnen CSS fremd, geben Sie diesen Abschnitt an Ihren Webdesigner weiter. Für ihn ist die Umstellung meist schnell erledigt. Bei WordPress geht es oft ganz ohne Code, wie der Abschnitt zu WordPress weiter unten zeigt.
Bestand aufnehmen
Notieren Sie aus dem Netzwerk-Reiter, welche Schriften geladen werden und in welchen Schnitten, also etwa normal, fett und kursiv. Viele Seiten laden mehr Schnitte, als sie nutzen. Das ist die Gelegenheit, aufzuräumen.
Dateien beschaffen
Die Schriften lassen sich bei Google selbst herunterladen. Bequemer sind Werkzeuge wie der google-webfonts-helper, die gleich die passenden Dateien und den CSS-Code liefern. Das Format WOFF2 genügt für alle aktuellen Browser.
Hochladen und CSS anpassen
Legen Sie die Dateien per SFTP in einen eigenen Ordner, etwa fonts. In der CSS-Datei Ihrer Seite tragen Sie für jeden Schnitt einen Block wie diesen ein:
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/fonts/open-sans-regular.woff2') format('woff2');
}
Danach entfernen Sie die alte Einbindung. Meist ist das eine Zeile im Kopf der Seite, die auf fonts.googleapis.com verweist, oder ein @import-Befehl in der CSS-Datei.
Bei WordPress
Viele Themes und Page-Builder haben inzwischen eine Einstellung, mit der Sie Google Fonts lokal einbinden oder ganz abschalten. Suchen Sie in den Einstellungen nach Begriffen wie „Schriften“, „Fonts“ oder „Performance“. Es gibt außerdem Plugins, die Google Fonts lokal einbinden, indem sie die Schriften automatisch herunterladen und die Einbindung umschreiben. Prüfen Sie danach trotzdem mit dem Netzwerk-Reiter, denn nicht jedes Plugin erwischt alle Quellen.
Gegenprobe
Leeren Sie den Cache Ihres Caching-Plugins und gegebenenfalls eines vorgeschalteten Dienstes. Wiederholen Sie dann die Prüfung im privaten Fenster auf allen wichtigen Unterseiten. Erst wenn keine Anfrage mehr an Google geht, ist die Umstellung fertig.
Ein Nebeneffekt: Die Seite wird oft schneller
Lokale Schriften sparen dem Browser die Verbindung zu einem weiteren Server. Wer beim Google Fonts lokal einbinden gleich überflüssige Schnitte weglässt, spart zusätzlich Daten. Noch schlanker sind Systemschriften, die auf jedem Gerät schon vorhanden sind und gar nicht geladen werden müssen. Für eine schlichte Firmen- oder Vereinsseite ist das oft eine gute Wahl.
Die Zeile font-display: swap im Beispiel oben sorgt dafür, dass der Text sofort in einer Ersatzschrift erscheint. Wer die wichtigste Schrift zusätzlich mit einem Preload-Hinweis im Kopf der Seite ankündigt, verkürzt die Wartezeit weiter.
Häufig gestellte Fragen zu lokalen Schriften
Lizenz, Einwilligung und Besucherzahl sind die drei Punkte, an denen die meisten zweifeln.
Darf ich Google Fonts überhaupt auf meinem Server speichern?
Ja. Die Schriften stehen unter freien Lizenzen wie der SIL Open Font License, die das ausdrücklich erlauben.
Reicht es, Google Fonts im Cookie Banner abzufragen?
Rechtlich ist das möglich, praktisch kaum sinnvoll. Ohne Zustimmung zeigt die Seite eine Ersatzschrift, und das Bild springt beim Zustimmen um. Lokal eingebunden stellt sich die Frage gar nicht.
Muss ich Google Fonts lokal einbinden, wenn kaum jemand meine Seite besucht?
Ja. Die Zahl der Besucher spielt keine Rolle. Schon ein einziger Aufruf überträgt eine IP-Adresse an Google.
Betrifft das auch andere Schriftdienste?
Ja, das Prinzip gilt für jeden Dienst, der Schriften von fremden Servern ausliefert. Prüfen Sie im Netzwerk-Reiter alle Anfragen an fremde Adressen, nicht nur die von Google.
Muss ich die lokalen Schriften in der Datenschutzerklärung erwähnen?
Nein, nicht als eigenen Dienst, weil keine Daten an Dritte gehen. Die Schriften kommen dann von Ihrem Hoster, und den nennt die Erklärung ohnehin. Ein alter Abschnitt zu Google Fonts sollte aber raus, damit die Erklärung zur Seite passt.
Wenn ein Schreiben wegen Google Fonts kommt
Forderungsschreiben zu Google Fonts gibt es weiterhin. Bewahren Sie Ruhe und gehen Sie in dieser Reihenfolge vor:
- Zahlen Sie nicht sofort und unterschreiben Sie keine Erklärung, bevor Sie den Fall geprüft haben.
- Prüfen Sie, ob Ihre Seite zum genannten Zeitpunkt überhaupt Schriften von Google geladen hat. Ein Backup aus dieser Zeit hilft dabei.
- Unabhängig vom Ausgang sollten Sie die Google Fonts lokal einbinden, damit der Fall nicht wieder eintreten kann.
- Lassen Sie sich bei einer Abmahnung mit Unterlassungserklärung anwaltlich beraten. Die Formulierung einer solchen Erklärung hat Folgen für Jahre.
Die Umstellung selbst ist in den meisten Fällen an einem Nachmittag erledigt. Wer dabei gleich auf das Tempo achtet, findet weitere Ansätze unter Ladezeit jetzt verbessern.