left5lock
SEYBOLD Blog: Google Fonts Abmahnwelle – So schützen Sie sich!

Google Fonts Abmahnungen – So schützen Sie sich!

Abmahnwelle durch Nutzung von Google Fonts

Sicherheitszertifikate, Cookie-Banner und Datenschutzerklärungen waren gestern. Die neue Abmahnwelle gilt den Google Fonts.

Seit Mai 2018 begleitet Webseitenbetreiber die in Kraft getretene Datenschutzgrundverordnung (DSGVO). Es kam zu einer Menge Änderungen an den eigenen Webseiten, es gab neue Verträge zwischen Vertragspartnern und jeder Menge Fragen.

Siehe auch: https://seybold.de/fragen-und-antworten-dsgvo-datenschutzgrundverordnung/

Google Fonts – Urteil Landgericht München

Im Januar 2022 urteilt das Landgericht München: Dynamisch eingebundene Dienste außerhalb der EU, wie etwa Schriftarten von Google (Google Fonts), seien ohne Einwilligung der Nutzer datenschutzwidrig.

Die Folge: Eine neue Abmahnwelle von Anwälten, welche Websitebetreiber zu Schadensersatz auffordern.

Die meisten Anwälte fordern Websitebetreiber dazu auf, einen Schadensersatz zwischen 100 und 500 Euro zu zahlen. Allerdings sind diese Schreiben meist selbst nicht so rechtens, wie sie vielleicht rüberkommen und können häufig ignoriert werden. Hierzu sollte aber zur Sicherheit der eigene Anwalt zu Rat gezogen werden.

Was bedeutet dynamisches Einbinden?

Werden Schriftarten extern eingebunden und nicht lokal, sind diese dynamisch eingebunden. Das bedeutet, dass Google Fonts über den Server von Google laden. Die IP-Adresse wird dadurch (ohne Einwilligung) auf den US-Servern von Google übertragen.

Im Stylesheet würde das wie folgt aussehen:

Google Fonts dynamisch einbinden

Quelle: https://developers.google.com/fonts/docs/­getting_started

Woher weiß ich, ob meine Website betroffen ist?

Die Top 4 Google Fonts Checker

Mithilfe verschiedener Tools und Vorgehensweisen können Sie testen, ob Ihre Website Google Fonts dynamisch lädt.

sicher3.de

Mittlerweile gibt es eine Vielzahl an online Tools, welche kostenlos zur Verfügung stehen. Mit dem Google Fonts Checker von sicher3.de müssen Sie lediglich Ihre Domain eingeben und auf prüfen klicken.

sicher3.de: Google Fonts checken

Wenn Google Fonts geladen werden, sieht das Ergebnis so aus:

sicher3.de: Google Fonts wurden erkannt

Sie erhalten eine detaillierte Auflistung aller Schriftarten, welche extern geladen werden.

Sobald Sie Ihre Schriften lokal eingebunden haben, ändert sich das Ergebnis entsprechend:

sicher3.de: Keine Google Fonts

Hinweis: Die Online Tools geben keine 100% Gewissheit, da sie unter Umständen nicht alle Dateien auslesen können. Deutlich genauer ist die Prüfung mit dem nächsten Tool.

Prüfung über die Entwicklertools

Eine genauere Prüfung ist über die Browser Entwicklertools via rechter Mausklick + Untersuchen möglich. Es öffnen sich entsprechend die DevTools. Über Network und Fonts muss zunächst der Browser-Tab neu geladen werden, damit wir hier Ergebnisse erhalten:

Entwicklertools Prüfung Google Fonts

Es folgt eine Auflistung der Schriftarten und wie diese geladen werden. In diesem Beispiel wird die Google Font Roboto extern geladen:

Google Font Roboto dynamisch (extern) eingebunden

Das sieht man an der verweisenden URL (fonts.gstatic.com). Wäre die Schrift lokal eingebunden, würde hier entsprechend die eigene Domain des Websitebetreibers stehen:

Google Font Poppins lokal eingebunden

Screaming Frog Crawl

Mit Screaming Frog kann eine Website hinsichtlich der Google Fonts ganz einfach geprüft werden. Dazu setzt man einen Crawl der Seite auf. Die gesamte Seite wird daraufhin ein Mal besucht.

Im rechten Fenster “Übersicht” wird dann unter den externen Ressourcen der Bereich CSS aufgerufen (Übersicht → Extern → CSS).

Im Hauptfenster wird dadurch automatisch “Extern” und “CSS” ausgewählt. Die Einträge zeigen, welche Dateien im CSS von extern geladen werden.

Dadurch finden sich mit Screaming Frog sehr einfach externe Fonts.

Screaming Frog Crawl: Google Fonts prüfen

Diese Variante ist die beste Möglichkeit, da man hier die komplette Website durchforsten kann und nicht wie bei den anderen Möglichkeiten lediglich ein einzelnes Abbild (eine Seite) betrachtet.

 

Test über Pingdom

Rufen Sie https://tools.pingdom.com/ auf und testen Sie Ihre Website.
Nach kurzer Zeit erscheint das Ergebnis für Ihre Seite.

In der Auflistung finden Sie unter “File Requests” eine Auflistung der Google Fonts. Wählen Sie dazu “Load Order” und geben Sie “fonts” in das Suchfeld ein.

Pingdom: Google Fonts prüfen

Sie erhalten daraufhin die Anzahl der Aufrufe von dieser Seite.

Google Fonts lokal einbinden (WordPress)

WordPress Plugin OMGF

Die wohl einfachste Variante extern geladene Google Fonts zu entfernen und lokal einzubinden ist, mithilfe des WordPress Plugins OMGF.

Schritt 1: Plugins > Installieren > OMGF suchen, installieren und aktivieren

Schritt 2: OMGF Einstellungen öffnen

OMGF einstellen in WordPress

Schritt 3: Einstellungen vornehmen, speichern und optimieren

Wenn vorher noch keine Schriften angezeigt werden, zuerst auf speichern + optimieren klicken, danach werden alle Fonts angezeigt, welche dann wie folgt eingestellt werden können:

OMGF: Fonts einstellen, speichern und optimieren

  1. Wählen Sie alle Schriftarten und Varianten aus, die auf der Website verwendet werden sollen
  2. Klicken Sie dann “Alle entladen” an, um die restlichen Fonts, die nicht benötigt werden, zu entfernen
  3. Klicken Sie anschließend speichern + optimieren

Hinweis: Die kostenlose Version überprüft nur grob die Dateien der Webseite. Um auf Nummer sicher zu gehen, benötigen Sie die Pro Version. Andernfalls können Sie die Schriften manuell einbinden.

 

Google Fonts manuell einbinden

Google Fonts herunterladen

Damit Sie später die Google Fonts lokal hochladen können, müssen Sie zunächst die Schriften herunterladen. Sie wissen bereits, welche Fonts Sie benötigen (siehe oben) und können diese entsprechend hier herunterladen:
https://google-webfonts-helper.herokuapp.com/fonts

Wählen Sie alle aus, die benötigt werden und speichern Sie sich den CSS-Code, welcher mitgeliefert wird im Editor oder Ähnliches ab. Diesen benötigen Sie später.

Fonts auf dem Server hochladen

Entzippen Sie Ihre Dateien und laden Sie diese auf Ihren Server hoch. Nutzen Sie den FTP Zugriff oder den direkten Webspace Zugriff. Achtung: Die Schriften müssen in das entsprechende Verzeichnis hochgeladen werden (zum Beispiel “fonts”).

Nutzen Sie am besten ein Child-Theme und erstellen Sie dort (wenn noch nicht vorhanden) ein Verzeichnis, das genau so wie im originalen Theme heißt (Beispiel: “fonts”).

CSS anpassen

Nun können Sie Ihr CSS im Stylesheet des Child-Themes anpassen. Den Code, welchen Sie zuvor abgespeichert haben, tragen Sie dort in der style.css ab.

Google Fonts deaktivieren

Als letztes müssen die nicht lokal eingebundenen Schriftarten von Google entfernt werden. Dazu können für WordPress Plugins genutzt werden:
https://perfmatters.io/docs/disable-google-fonts/
oder:
https://wordpress.org/plugins/disable-remove-google-fonts/
oder ausführlich beschrieben:
https://daan.dev/blog/how-to/remove-google-fonts-wordpress/
Und hier auch noch ein paar:
https://fontsplugin.com/disable-google-fonts/

Überprüfung der Fonts

Anschließend sollten Sie wieder über die Online Tools oder Entwickler-Tools überprüfen, ob Ihre Google Fonts nun lokal geladen werden oder es ggf. immer noch Probleme gibt.

Tipp: Wenn Sie ein CDN wie Cloudflare nutzen, sollten Sie auch dort den Cache löschen, da es sonst zu falschen Ergebnissen bei der Prüfung mit Online Tools kommen kann.

Abmahnung aufgrund von Google Fonts: Was ist zu tun?

Wenn Sie bereits eine Abmahnung aufgrund extern eingebetteter Google Fonts erhalten haben, wissen Sie jetzt, wie Sie die Schriftarten lokal einbinden können.

Um dem Schreiben entgegenzuwirken, können Sie ein Musterschreiben verwenden.

Dieses Musterschreiben können Sie zur Abwehr verwenden: https://www.wbs-law.de/it-und-internet-recht/datenschutzrecht/google-webfont-musterschreiben-61157/

Fazit

Die DSGVO ist seit 2018 ein dauerhaftes Thema und wird uns weiterhin begleiten. Die eigene Website rechtssicher auszurichten darf nicht unterschätzt werden.
Die meisten Einstellungen und Änderungen lassen sich einfach mithilfe von Plugins lösen. Hier sollten keine Kosten gescheut und gerne die Pro Versionen genutzt werden.

Die manuelle Einbindung der Fonts kann sehr zeitaufwendig sein, wenn die Kenntnisse nicht vorhanden sind. Arbeiten Sie hier mit Agenturen und IT-Teams zusammen, um schnell zum Ergebnis zu kommen.

Prüfen Sie außerdem die Aufforderung mithilfe eines IT-Anwalts, ob Sie überhaupt dem nachkommen müssen.

Quellen:
https://www.ra-plutte.de/lg-muenchen-dynamische-einbindung-google-web-fonts-ist-dsgvo/
https://www.fast-media.net/de/blog/thema/dynamische-einbindung-von-google-fonts-rechtswidrig/
https://kopfundstift.de/google-fonts-lokal-einbinden/
https://www.heise.de/news/Neue-Abmahnwelle-Wieder-gehen-Schreiben-wegen-Google-Fonts-raus-7322064.html

Sie sind hier:

 

Noch mehr Infos in unserem Blog.

Benötigen Sie Unterstützung?

Benötigen Sie Unterstützung in SEO oder Content Marketing? Leiden Sie an unerklärlichen Rankingverlusten? Nehmen Sie mit uns Kontakt auf und vereinbaren Sie einen Termin.
Termin jetzt

Inhaltsverzeichnis

Scroll to Top