Google Fonts lokal einbinden: DSGVO-Abmahnung vermeiden (Anleitung WordPress)

Google Fonts gehören zu den meistgenutzten Ressourcen im Web - und gleichzeitig zu den häufigsten Datenschutzproblemen, die mir in Kundenprojekten begegnen. Das LG München hat bereits im Januar 2022 (Az. 3 O 17493/20) klargestellt: Wer Schriftarten dynamisch von Googles Servern lädt, überträgt die IP-Adresse der Besucher ungefragt in die USA und verstößt damit gegen die DSGVO. Das Urteil löste eine Welle an Abmahnschreiben aus, die viele kleine Unternehmen und Freelancer kalt erwischt hat.

Die gute Nachricht: Das Problem lässt sich dauerhaft lösen, ohne auf schöne Typografie zu verzichten. Wer Google Fonts lokal einbindet, hostet die Schriftdateien auf dem eigenen Server - Google bekommt davon nichts mehr mit. Ich zeige Ihnen beide Wege: den vollautomatischen Weg per Plugin und die manuelle Variante für alle, die lieber ohne zusätzliche Abhängigkeiten arbeiten.

Warum externe Google Fonts gegen die DSGVO verstoßen

Beim klassischen Einbinden über <link href="https://fonts.googleapis.com/css2?family=..."> baut der Browser des Besuchers beim ersten Seitenaufruf eine direkte Verbindung zu Googles Servern auf. Dabei überträgt er automatisch die IP-Adresse des Nutzers. Laut Art. 4 Nr. 1 DSGVO ist die IP-Adresse ein personenbezogenes Datum, weil sie eine natürliche Person identifizierbar macht.

Das LG München sprach dem Kläger 100 Euro Schadensersatz zu, weil die Websitebetreiberin keine Einwilligung eingeholt hatte, bevor die IP an Googles Server in den USA weitergeleitet wurde. Seitdem kursieren Abmahnschreiben von verschiedenen Absendern, die sich auf dieses Urteil berufen. Auch wenn spätere Gerichte Massenabmahnungen teils als rechtsmissbräuchlich eingestuft haben: Das datenschutzrechtliche Problem selbst bleibt bestehen, und Aufsichtsbehörden können jederzeit eigene Verfahren einleiten.

Der schnellste Weg: Plugin OMGF installieren

Für die meisten WordPress-Projekte empfehle ich das Plugin OMGF (Host WebFonts Locally) von Daan van den Bergh. Es ist kostenlos, regelmäßig aktualisiert und im offiziellen WordPress-Plugin-Verzeichnis verfügbar.

Installation und Grundeinrichtung

1. Im WordPress-Dashboard unter Plugins > Installieren nach "OMGF" suchen.
2. Plugin installieren und aktivieren.
3. Im Menü Einstellungen > Optimize Google Fonts öffnen.
4. Die Seite einmal im Frontend aufrufen (oder den Cache leeren), damit OMGF alle verwendeten Fonts erkennt.
5. Unter dem Tab Optimize Local Fonts erscheinen alle erkannten Schriftfamilien mit ihren Varianten.
6. Fonts, die tatsächlich genutzt werden, auf Preload setzen - das reduziert den Cumulative Layout Shift.
7. Nicht benötigte Schriftschnitte (z.B. Italic-Varianten, die das Theme nie lädt) auf Unload setzen.
8. Einstellungen speichern.

OMGF lädt die Font-Dateien automatisch herunter und legt sie unter /wp-content/uploads/omgf/ ab. Alle Aufrufe an fonts.googleapis.com werden durch lokale URLs ersetzt.

Der manuelle Weg: Fonts ohne Plugin lokal einbinden

Wer kein weiteres Plugin installieren möchte oder ein Custom Theme von Grund auf neu entwickelt, kann Fonts direkt im Theme einbinden. Dafür empfehle ich das Tool Google Webfonts Helper (google-webfonts-helper.herodevs.com).

Schritt 1: Fonts herunterladen

1. Auf google-webfonts-helper.herodevs.com die gewünschte Schriftfamilie suchen.
2. Benötigte Schriftschnitte und Zeichensätze auswählen (für DE-Seiten mindestens "latin" und "latin-ext").
3. ZIP-Datei mit allen Fontformaten herunterladen (.woff und .woff2 reichen für moderne Browser).

Schritt 2: Fonts ins Theme hochladen

Die Fontdateien in den Theme-Ordner kopieren, zum Beispiel nach /wp-content/themes/mein-theme/fonts/. Per FTP oder SFTP hochladen.

Schritt 3: @font-face in der CSS-Datei deklarieren

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/inter-v13-latin-regular.woff2') format('woff2'),
       url('../fonts/inter-v13-latin-regular.woff') format('woff');
}

Den Wert font-display: swap unbedingt setzen - damit zeigt der Browser zuerst eine Fallback-Schrift und tauscht sie erst aus, wenn der Font geladen ist. Das verbessert den Largest Contentful Paint spürbar.

Schritt 4: Google Fonts aus der functions.php entfernen

In der functions.php alle wp_enqueue_style-Aufrufe suchen, die auf fonts.googleapis.com zeigen, und entfernen oder auskommentieren.

Vergleich: Plugin vs. manuell

Verifizieren: Keine Verbindung mehr zu Google

Nach der Umstellung unbedingt prüfen, ob wirklich keine Anfragen mehr an Google-Server gehen. Das geht in zwei Minuten:

1. Chrome DevTools öffnen (F12).
2. Tab Netzwerk wählen, Seite neu laden.
3. Im Suchfeld "fonts.googleapis.com" oder "fonts.gstatic.com" eingeben.
4. Wenn keine Treffer erscheinen: alles in Ordnung.

Alternativ gibt es den kostenlosen Font Checker auf sicher.website - der analysiert eine URL und meldet alle externen Schriftanfragen.

Performance-Bonus: Fonts vorladen

Ein oft übersehener Schritt nach der Umstellung: Fonts mit <link rel="preload"> im <head> ankündigen. Das teilt dem Browser mit, die Fontdatei sofort zu laden, bevor das CSS geparst wird.

<link rel="preload" href="/wp-content/themes/mein-theme/fonts/inter-regular.woff2"
      as="font" type="font/woff2" crossorigin>

Bei OMGF lässt sich das Preloading per Checkbox direkt in den Einstellungen aktivieren - kein manuelles Eingreifen nötig. Bei einem E-Commerce-Projekt für einen Hamburger Händler hat diese Maßnahme zusammen mit dem lokalen Font-Hosting den LCP-Wert von 3,1 auf 1,8 Sekunden reduziert - knapp unterhalb der "guten" Schwelle von 2,5 Sekunden laut Google.

Rechtlicher Rahmen: DSGVO, TDDDG und was sich 2024 geändert hat

Das ehemalige Telekommunikation-Telemedien-Datenschutz-Gesetz (TTDSG) heißt seit Mai 2024 TDDDG (Telekommunikation-Digitale-Dienste-Datenschutz-Gesetz). Für die Frage der Google Fonts ändert das inhaltlich wenig: Maßgeblich bleibt Art. 6 Abs. 1 DSGVO, der eine Rechtsgrundlage für jede Datenübermittlung verlangt. Da es für das Laden externer Schriften keinen berechtigten Interessen-Tatbestand gibt, der die Grundrechte der Besucher überwiegt, bleibt die einzige saubere Lösung das lokale Hosting.

Ein Hinweis, der mir bei Projekten oft begegnet: Manche WordPress-Themes und Page-Builder laden Fonts über eine zweistufige Anfrage - zuerst ein CSS-Stylesheet von fonts.googleapis.com, das dann die eigentlichen Font-Dateien von fonts.gstatic.com nachlödt. Beide Domains müssen blockiert werden. OMGF behandelt das automatisch, beim manuellen Vorgehen sollten Sie in den DevTools explizit beide Domains prüfen.

Was ist mit Adobe Fonts, Bunny Fonts und anderen Diensten?

Das DSGVO-Problem beschränkt sich nicht auf Google. Adobe Fonts (früher Typekit) lädt Schriften ebenfalls von externen Servern und erfordert eine explizite Einwilligung oder eine Auftragsverarbeitungsvereinbarung. Als datenschutzfreundliche Alternative empfehle ich Bunny Fonts (fonts.bunny.net): Die API ist mit Google Fonts kompatibel, der Dienst hostet Fonts auf EU-Servern und verzichtet laut eigenen Angaben auf das Tracking von IP-Adressen.

Für selbst gehostete WordPress-Seiten gibt es außerdem die Option, komplett auf Systemschriften zurückzugreifen. Ein Font-Stack wie font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; sieht auf allen modernen Geräten ordentlich aus, lädt sofort und erfordert null externe Anfragen. Nicht für jedes Design geeignet, aber für schlanke Unternehmensseiten eine ernstzunehmende Alternative.

Was tun, wenn Sie bereits eine Abmahnung erhalten haben?

Ich bin Webentwickler, kein Rechtsanwalt - dieser Abschnitt ersetzt keine juristische Beratung. Grundsätzlich gilt: Wer ein Abmahnschreiben wegen Google Fonts erhält, sollte es nicht ignorieren, aber auch nicht voreilig eine strafbewehrte Unterlassungserklärung unterschreiben. Wenden Sie sich an einen Fachanwalt für IT-Recht. In vielen Fällen handelt es sich um Massenabmahnungen mit fragwürdiger Grundlage, gegen die sich Betroffene erfolgreich gewehrt haben. Parallel dazu: Google Fonts sofort lokal einbinden, damit das Problem technisch beseitigt ist.

Für alle anderen gilt: Lieber heute umstellen als morgen. Der Aufwand ist gering, der Schutz ist dauerhaft - und die professionell betreuten WordPress-Seiten die ich für Kunden entwickle, werden von Anfang an mit lokal gehosteten Fonts ausgeliefert, ohne dass der Kunde sich darum kümmern muss.