Google Fonts müssen lokal auf dem eigenen Server gehostet werden. Die Umstellung dauert weniger als eine Stunde und eliminiert das rechtliche Risiko vollständig.
Urteil LG München I vom 20.01.2022 (Az. 3 O 17493/20): Das Einbinden von Google Fonts über den Google-CDN ist rechtswidrig, weil dabei die IP-Adresse des Besuchers ohne Einwilligung an Google in die USA übertragen wird. Schadensersatz: 100 Euro pro betroffener Person.
Warum das Problem gravierender ist als es scheint
Was Sie vor der Umstellung brauchen
- Den Namen der verwendeten Google-Font-Familie – steht im Quelltext der Seite
- Zugriff auf Ihren Webserver per FTP oder über den Hosting-Dateimanager
- Bearbeitungsrechte für die CSS-Datei Ihrer Website
- Optional: Zugriff auf Ihr CMS für die Plugin-Methode
- Ca. 30 bis 60 Minuten Zeit für die Umsetzung
Google Fonts in 5 Schritten lokal einbinden
-
Schritt 1 – Fonts identifizieren
Öffnen Sie den Quelltext Ihrer Website und suchen Sie nach fonts.googleapis.com. Notieren Sie alle aufgeführten Schriftfamilien und Gewichtungen, zum Beispiel family=Open+Sans:wght@400;600;700.
-
Schritt 2 – Fonts herunterladen
Rufen Sie google-webfonts-helper.herokuapp.com auf. Wählen Sie Ihre Schriftfamilie, klicken Sie alle benötigten Gewichtungen an und laden Sie die ZIP-Datei herunter. Das Tool generiert gleichzeitig den passenden CSS-Code für Sie.
-
Schritt 3 – Dateien hochladen
Erstellen Sie auf Ihrem Webserver einen Ordner /fonts/ und laden Sie die heruntergeladenen .woff2-Dateien dorthin hoch. Moderne Browser benötigen primär das .woff2-Format.
-
Schritt 4 – CSS anpassen
Ersetzen Sie in Ihrer CSS-Datei den @import-Link zu Google durch @font-face-Regeln, die auf Ihre lokalen Dateien zeigen. Beispiel: @font-face { font-family: Open Sans; font-weight: 400; src: url(/fonts/open-sans-regular.woff2) format(woff2); }
-
Schritt 5 – Google-Verbindung prüfen
Entfernen Sie alle Link-Tags im HTML-Header, die auf fonts.googleapis.com zeigen. Prüfen Sie mit dem Browser-Entwicklertool (F12 – Netzwerk) und dem Tool webbkoll.dataskydd.net, dass keine Verbindung mehr zu Google-Servern aufgebaut wird.
Häufiger Fehler bei WordPress
Schnell-Check ohne technische Kenntnisse
Nach der Umstellung: Was noch zu tun ist
Wir prüfen Ihre Website auf datenschutzrelevante Drittanbieter-Verbindungen und beheben alle Probleme in einem Schritt.
Jetzt beraten lassenHäufige Fragen
Was hat das LG München I 2022 zu Google Fonts entschieden?
Kann ich Google Fonts weiter nutzen, wenn ich sie lokal hoste?
Wie erkenne ich, ob meine Website noch Google Fonts über CDN lädt?
Reicht ein Cookie-Banner, um Google Fonts über CDN zu legalisieren?
War dieser Artikel hilfreich?