Web

Google Fonts lokal einbinden: DSGVO-konform in 6 Schritten

Schriften selbst hosten statt von Google laden: So prüfst du deine Website und stellst in WordPress oder manuell DSGVO-konform um.

Großer Buchstabe als Symbol für Webschriften: Google Fonts lokal einbinden

Foto: Peter Olexa / Unsplash

Wer Google Fonts lokal einbinden will, lädt die Schriftdateien herunter, speichert sie auf dem eigenen Webserver und bindet sie per CSS ein, statt sie bei jedem Seitenaufruf von Google-Servern nachzuladen. Dadurch wird die IP-Adresse deiner Besucher nicht mehr an Google übertragen, und das wichtigste Datenschutzrisiko bei Webschriften entfällt. In WordPress gelingt das meist in wenigen Minuten über eine Theme-Einstellung oder ein Plugin.

In diesem Beitrag erfährst du, warum das Thema seit dem Münchner Urteil von 2022 relevant ist, wie du prüfst, ob deine Website betroffen ist, und wie du die Umstellung in sechs Schritten erledigst. Außerdem zeigen wir versteckte Quellen, die viele übersehen.

Warum du Google Fonts lokal einbinden solltest

Google Fonts ist eine kostenlose Bibliothek mit über 1.000 Schriftfamilien. Viele Themes und Page-Builder laden sie standardmäßig direkt von den Servern fonts.googleapis.com und fonts.gstatic.com. Dabei baut der Browser deiner Besucher eine Verbindung zu Google auf und übermittelt zwangsläufig seine IP-Adresse.

Das Urteil des Landgerichts München

Das Landgericht München I entschied am 20. Januar 2022 (Az. 3 O 17493/20), dass die dynamische Einbindung ohne Einwilligung gegen die DSGVO verstößt. Die Weitergabe der IP-Adresse an Google sei nicht erforderlich, weil sich die Schriften auch ohne Verbindung zu Google nutzen lassen. Das Gericht sprach dem Kläger einen Unterlassungsanspruch und 100 Euro Schadensersatz zu.

Abmahnwelle und was davon bleibt

Nach dem Urteil verschickten Abmahner im Jahr 2022 massenhaft Schreiben mit Zahlungsforderungen. Gegen einen Berliner Anwalt und seinen Mandanten ermittelte die Staatsanwaltschaft Berlin wegen des Verdachts auf Betrug und Erpressung, weil die Websites offenbar automatisiert aufgerufen worden waren, um Verstöße zu provozieren. Gerichte sahen solche Massenabmahnungen später als rechtsmissbräuchlich an.

Das Grundproblem besteht trotzdem weiter: Ohne Einwilligung bleibt die Datenübertragung an Google angreifbar, und Datenschutzbehörden können Verstöße beanstanden. Wenn du Google Fonts lokal einbinden lässt, ist das Thema dauerhaft erledigt, ganz ohne Eintrag im Cookie-Banner.

Hilft das EU-US Data Privacy Framework?

Seit Juli 2023 gibt es mit dem EU-US Data Privacy Framework wieder eine Grundlage für Datenübermittlungen an zertifizierte US-Unternehmen. Das löst aber nur einen Teil des Problems. Die Frage, ob die Übertragung der IP-Adresse für die Darstellung einer Schrift überhaupt notwendig ist, beantwortet der Rahmen nicht. Zudem ist offen, ob er dauerhaft Bestand hat.

Wer Google Fonts lokal einbinden lässt, muss diese Unsicherheiten nicht bewerten. Es fließen schlicht keine Daten mehr an Google, und die Datenschutzerklärung wird kürzer.

So prüfst du, ob deine Website betroffen ist

Bevor du etwas änderst, solltest du wissen, ob und woher deine Seite externe Schriften lädt. Dafür brauchst du nur einen Browser.

  • Entwicklertools öffnen: In Chrome, Edge oder Firefox drückst du F12 und wechselst in den Reiter Netzwerk.
  • Cache umgehen: Lade die Seite mit gedrückter Umschalttaste neu, damit nichts aus dem Zwischenspeicher kommt.
  • Filtern: Gib im Suchfeld „googleapis“ und danach „gstatic“ ein. Jeder Treffer ist eine Verbindung zu Google.
  • Unterseiten testen: Prüfe auch Kontaktseite, Blog und Shop, weil Plugins oft nur dort Schriften laden.

Findest du keine Treffer mehr, ist deine Website in diesem Punkt sauber. Diesen Test kannst du gut in einen regelmäßigen Website-Check in 20 Minuten aufnehmen.

HTML-Code auf einem Bildschirm zur Anleitung Google Fonts lokal einbinden
Foto: Florian Olivo / Unsplash

Google Fonts lokal einbinden in WordPress

Die meisten kleinen Unternehmen betreiben ihre Seite mit WordPress. Hier gibt es drei Wege, die sich in Aufwand und Kontrolle unterscheiden. Welcher passt, hängt vor allem von deinem Theme ab.

MethodeAufwandVorteilNachteil
Theme- oder Builder-Optiongeringein Klick, keine Zusatzsoftwarenicht jedes Theme bietet sie
Plugin (z. B. OMGF)gering bis mittelfindet auch Schriften aus Pluginsein weiteres Plugin zu pflegen
WordPress-Schriftbibliothekgeringin Block-Themes eingebautnur für Block-Themes
Manuell per CSSmittelvolle Kontrolle, schlanktechnisches Grundwissen nötig

Theme- und Builder-Einstellungen

Viele verbreitete Themes und Page-Builder bieten inzwischen eine Option, um Google Fonts lokal einbinden zu lassen. Du findest sie meist unter Leistung, Performance oder Typografie. Nach dem Aktivieren lädt das Theme die verwendeten Schriften einmalig herunter und liefert sie künftig von deinem Server aus.

Plugins für ältere Themes

Fehlt eine solche Einstellung, helfen Plugins wie OMGF (Optimize My Google Fonts) oder Local Google Fonts. Sie erkennen eingebundene Schriften, speichern sie lokal und ersetzen die externen Aufrufe. Prüfe anschließend mit den Entwicklertools, ob wirklich alle Verbindungen verschwunden sind.

Die Schriftbibliothek in Block-Themes

Seit WordPress 6.5 gibt es im Website-Editor eine Schriftbibliothek. Installierst du dort eine Google-Schrift, lädt WordPress die Dateien auf deinen Server. Damit kannst du in Block-Themes Google Fonts lokal einbinden, ohne ein Plugin zu installieren. Welches System für dich grundsätzlich passt, vergleicht unser Beitrag WordPress oder Homepage-Baukasten.

Nach der Umstellung: Cache leeren

Ein häufiger Stolperstein ist der Cache. Caching-Plugins, das Hosting oder ein Content Delivery Network liefern oft noch die alte Version der Seite aus. Leere deshalb alle Zwischenspeicher, bevor du prüfst, ob die Umstellung geklappt hat. Erst dann zeigt der Test, ob du Google Fonts lokal einbinden konntest oder noch alte Aufrufe aktiv sind.

Google Fonts lokal einbinden: Anleitung in 6 Schritten

Nutzt du kein WordPress oder willst du volle Kontrolle, gehst du manuell vor. So funktioniert es:

  1. Schriften ermitteln: Notiere, welche Schriftfamilien und Schnitte deine Seite wirklich verwendet, etwa Regular, Bold und Italic.
  2. Dateien herunterladen: Lade die Schriften im Format WOFF2 herunter, zum Beispiel über den google-webfonts-helper. WOFF2 wird von allen aktuellen Browsern unterstützt und ist besonders kompakt.
  3. Hochladen: Speichere die Dateien in einem eigenen Ordner auf deinem Webserver, etwa /fonts/.
  4. CSS anlegen: Definiere für jeden Schnitt eine @font-face-Regel mit Schriftname, Gewicht, Stil und dem Pfad zur lokalen Datei. Ergänze font-display: swap, damit Texte sofort sichtbar sind.
  5. Externe Aufrufe entfernen: Lösche alle link-Tags und @import-Befehle, die auf fonts.googleapis.com zeigen.
  6. Testen: Leere Server- und Browser-Cache und prüfe im Netzwerk-Reiter, dass keine Verbindung zu Google mehr entsteht.

Beschränke dich auf die Schnitte, die du tatsächlich brauchst. Jede zusätzliche Datei verlängert die Ladezeit, ohne dass Besucher einen Unterschied sehen.

Typische Fehler bei der manuellen Umstellung

  • Falsche Pfade: Stimmt der Pfad in der @font-face-Regel nicht, zeigt der Browser eine Ersatzschrift an.
  • Vergessene Schnitte: Fehlt etwa der fette Schnitt, rechnet der Browser ihn künstlich und das Schriftbild wirkt unsauber.
  • Doppelte Einbindung: Das Theme lädt die Schrift weiter extern, obwohl die lokale Version schon vorhanden ist.
  • Keine Kontrolle: Ohne abschließenden Test im Netzwerk-Reiter bleibt unklar, ob alles funktioniert.

Plane für die manuelle Variante deshalb etwas Zeit für Tests auf Smartphone und Desktop ein. Wer Google Fonts lokal einbinden möchte, ohne selbst Code anzufassen, sollte die Aufgabe seiner Webagentur geben und sich das Ergebnis mit einem Screenshot des Netzwerk-Reiters bestätigen lassen.

Darfst du die Schriften selbst hosten?

Ja, in aller Regel schon. Die meisten Google Fonts stehen unter der SIL Open Font License oder der Apache-Lizenz. Laut der offiziellen Seite zur SIL Open Font License dürfen solche Schriften auch auf Websites genutzt werden, ohne dass eine Namensnennung nötig ist.

Google selbst beschreibt in den Datenschutzhinweisen zu Google Fonts, welche Daten beim Abruf über die Google-Server anfallen. Gerade deshalb ist das Selbsthosten die sauberste Lösung: Es entfallen Abruf, Protokollierung und die Frage nach der Rechtsgrundlage. Prüfe bei Schriften anderer Anbieter wie Adobe Fonts immer die jeweiligen Lizenzbedingungen, denn dort ist Selbsthosten oft nicht erlaubt.

Versteckte Quellen für externe Schriften

Auch wenn du Google Fonts lokal einbinden konntest, laden manche Dienste weiterhin Schriften oder Skripte von Google. Typische Kandidaten sind:

  • Google Maps: Die eingebettete Karte lädt eigene Schriften. Nutze eine Zwei-Klick-Lösung oder ein statisches Kartenbild mit Link.
  • YouTube-Videos: Eingebettete Player bauen Verbindungen zu Google auf. Auch hier hilft eine Vorschaugrafik, die erst nach Klick lädt.
  • reCAPTCHA: Der Spamschutz lädt Skripte von Google und braucht in der Regel eine Einwilligung.
  • Plugins und Formulare: Slider, Cookie-Tools oder Formular-Plugins bringen manchmal eigene Schriftaufrufe mit.
  • Newsletter-Vorlagen: Auch E-Mail-Templates können Google Fonts nachladen.

Für solche Dienste gilt beim Zugriff auf Endgeräte zusätzlich § 25 TDDDG, der regelt, wann eine Einwilligung nötig ist. Lokal gehostete Schriften fallen dagegen nicht unter dieses Problem.

Datenschutzerklärung anpassen

Nach der Umstellung solltest du auch deine Datenschutzerklärung prüfen. Steht dort noch ein Abschnitt zu Google Fonts mit Verweis auf eine Datenübermittlung in die USA, passt er nicht mehr zur Realität. Ersetze ihn durch einen kurzen Hinweis, dass Schriften lokal von deinem Server geladen werden, oder streiche ihn ganz. Eine aktuelle Datenschutzerklärung zeigt Besuchern und Behörden, dass du das Thema im Griff hast. Viele Generatoren für Datenschutzerklärungen bieten dafür inzwischen eine eigene Auswahl an, mit der du angeben kannst, dass du Google Fonts lokal einbinden lässt.

Bonus: Schnellere Ladezeiten

Neben dem Datenschutz gibt es einen zweiten Grund, Google Fonts lokal einbinden zu wollen: die Geschwindigkeit. Früher konnten Browser Schriften von Google aus dem Cache anderer Websites wiederverwenden. Seit die großen Browser ihren Cache nach Websites trennen, fällt dieser Vorteil weg. Ein zusätzlicher Verbindungsaufbau zu einem fremden Server kostet dagegen Zeit.

Praxisbeispiel: Steuerkanzlei mit Onlinepräsenz

Angenommen, eine kleine Steuerkanzlei nutzt zwei Schriftfamilien mit insgesamt acht Schnitten, die alle von Google geladen werden. Bei der Umstellung stellt sie fest, dass nur vier Schnitte sichtbar verwendet werden. Sie entfernt die übrigen, lädt die vier benötigten als WOFF2-Dateien hoch und lädt die wichtigste Schrift vorab.

Ergebnis: Keine Verbindung mehr zu Google, weniger Dateien und ein ruhigerer Seitenaufbau ohne springende Texte. Wie du weitere Bremsen findest, zeigt unser Ratgeber zur Ladezeit deiner Website.

Zusätzlich lohnt sich ein Vorabladen der wichtigsten Schrift über ein preload-Tag im Kopfbereich der Seite. Der Browser kennt die Datei dann früh und muss nicht erst auf das Stylesheet warten. Lade aber nur ein oder zwei Dateien vorab, sonst verlangsamst du andere Inhalte.

Was tun, wenn eine Abmahnung kommt?

Erhältst du ein Schreiben wegen Google Fonts, zahle nicht vorschnell. Prüfe zunächst, ob deine Seite zum genannten Zeitpunkt tatsächlich Schriften von Google geladen hat, und dokumentiere den aktuellen Stand mit Screenshots der Entwicklertools.

  • Bewahre Ruhe und beachte gesetzte Fristen.
  • Unterschreibe keine vorformulierte Unterlassungserklärung ohne Prüfung.
  • Lass das Schreiben anwaltlich oder von deiner Kammer beziehungsweise deinem Verband einschätzen.
  • Stelle die Website umgehend um, damit kein weiterer Verstoß vorliegt.

Am besten lässt du es gar nicht so weit kommen. Wer jetzt Google Fonts lokal einbinden lässt, hat bei diesem Thema keine Angriffsfläche mehr.

Das Wichtigste in Kürze

  • Das LG München I hat 2022 die dynamische Einbindung ohne Einwilligung als DSGVO-Verstoß gewertet und 100 Euro Schadensersatz zugesprochen.
  • Mit den Entwicklertools prüfst du in wenigen Minuten, ob deine Seite Schriften von Google lädt.
  • In WordPress kannst du Google Fonts lokal einbinden per Theme-Option, Plugin oder Schriftbibliothek.
  • Manuell brauchst du WOFF2-Dateien, @font-face-Regeln und das Entfernen aller externen Aufrufe.
  • Google Maps, YouTube und reCAPTCHA bleiben eigene Baustellen mit Einwilligungspflicht.

Prüfe deine Website noch heute mit dem Netzwerk-Reiter deines Browsers. Wenn Treffer auftauchen, plane die Umstellung zeitnah ein. Meist ist das Thema in weniger als einer Stunde erledigt.

Hinweis: Dieser Beitrag dient der allgemeinen Information und ersetzt keine individuelle Rechtsberatung.

Mehr aus Web

Alle Web-Artikel

Nach oben scrollen