Checke deine Webseite auf Google Fonts und entkomme saftig teuren Abmahnungen!

Aktualisiert am:

Google Font-Check – Wehre die teure Abmahnung von vornherein ab!

Was du lernen wirst

  • Wie du deine Webseite DSGVO-konform sicherst, indem du einen Google Font-Check durchführst und Schriftarten sperrst, die von fremden Servern geladen werden.
  • Wie du kostengünstig schnell erkennst, ob deine Webseite weitere fremde Skripte oder Daten lädt.
  • Welches WordPress-Plugin dir die Arbeit abnimmt und automatisch Google Schriftarten lokal speichert.

Blogs und Abmahnungen passen im Lande der Bürokratie wie Deutschland wunderbar zusammen.

Hier gebe es haufenweise Anwälte und fragliche Blogger sowie Webseitenbetreiber, die sich auf Abmahnung von Mitbewerbern spezialisieren.

Gezielt und mithilfe technischer Helfer suchen sie nach Fehler anderer, die durch Unkenntnis oder Nachlässigkeit geschehen.

Beispielhaft seien abmahnbare Verstoße gegen die Datenschutzgrundverordnung (DSGVO) oder Urheberrechte.

Jüngst für Blogger spannender Fall einer Abmahnung spielte sich am Landgericht München ab (Az. 3 O 17493/20). Das Gericht urteilte über eine Webseitenbetreiberin und verdonnerte sie zur Geldstrafe in Schadenshöhe von 100 €, zu zahlen an die Klägerin.

Grund für den Schaden: Die beklagte Webseitenbetreiberin setzte Google Fonts ein. Die Schriftarten wurden dabei extern eingebunden, besser gesagt, die Google Font wurde direkt von den Servern des amerikanischen Unternehmens geladen.

Dadurch können und werden personenbezogene Daten zwischen Webseite und Fremdserver ausgetauscht.

Beispiel:

  • IP-Adresse oder
  • Browser und -Version.

Beklagte klärte Klägerin nicht über die Nutzung der externen Typografie auf, etwa durch ein Cookie-Consent-Form oder Datenschutzformular.

Somit entstand der Klägerin ein Schaden, als sie die Webseite der Beklagten aufrief, weil ihre persönlichen Daten womöglich an Google gesendet seien. Außerdem habe sie keinerlei Chance auf Widerruf gehabt, geschweige das Nutzen externer Ressourcen abzulehnen.

Datenschutzverstöße bescheren Bloggern ernsthafte Probleme und sind teuer. Und sie sind ärgerlich! Gerade wenn man nichts ahnend vom Postboten die Zahlungsaufforderung in die Hand gedrückt bekommt und hinterher erfährt, dass es an einer 5-Minuten-Aufgabe liegt.

Als das Landgericht sein Urteil verkündete, bekamen mehr und mehr Blogger und Webseitenbetreiber eine Abmahnung zugeschickt. Laut Recherche von SWR Markencheck kam es da tatsächlich zu absurd hohen Fällen.

Sieh dir die ca. 8-Minütige-Doku mit dem Titel Abmahnung wegen Google Fonts durch vermeintliche Datenschützer an.

Lies den Artikel und vermeide unnützen und teuren Ärger:

  1. Wie du ein Google Font Check durchführst.
  2. Wie du Google Fonts lokal einbindest.
  3. Was du bei WordPress-Updates zu beachten hast.



1. Google Font Check: Externe Ressourcen finden mithilfe von Tools oder Browser

Ob eine Webseite externe Ressourcen lädt, prüfen wir mühelos von Hand und das mit jedem bekannten Browser.

Alternativ bieten sich Webseiten wie „Fontplugin“ an. Dort wird die Webseitenadresse angegeben, anschließend prüft das Tool auf Google Fonts und endlich gibt es aus, welche Schriftarten sowie wo (Verzeichnis) sie gefunden wurden.

Sehen wir uns die verschiedenen Möglichkeiten im Detail an.

1.1 Webseiten auf Google Fonts prüfen mit Fontplugin

Der Google Fonts Checker von Seo-Küche spuckt kurz und bündig aus, ob eine Webseite Google Schriftarten von externer Quelle verwendet.

Mithilfe des Google Font-Check von Seo-Küche können auch weniger technisch motivierte Nutzer ihre Webseiten auf Schriftarten prüfen, die von Google Servern geladen werden.

1.2 Google Fonts Check mithilfe einer Browser Entwicklerkonsole

Viele Leute wissen gar nicht, welch praktisches Tool sich in ihrem Webbrowser verbirgt.

Nahezu jeder aktuelle Internetbrowser bietet eine Entwicklerkonsole an.

Opera Entwicklerkonsole, erreichbar durch Element Untersuchen.
Zeigt die Webentwicklerkonsole vom Opera Browser.

Wie du die Konsole für Webentwickler auf zwei verschiedenen Arten öffnest:

Möglichkeit 1. Du drückst in deinem Webbrowser die Taste: F12 und es öffnet sich die Konsole.

Alternativ:

Möglichkeit 2. Du klickst mit der rechten Maustaste auf die Webseite, es öffnet sich ein Kontextmenü mit verschiedenen Reitern. Wähle den Reiter “Element Untersuchen” und so öffnet sich eine Konsole.

Element Untersuchen öffnet die Entwicklerkonsole z.B. in Opera.

So untersuchst du Quellcode von Webseiten. Bild unten am Beispiel von Google.

Mithilfe einer Entwicklerkonsole kann Quellcode von Webseiten untersucht werden.
Der Quellcode der HTML von Google.

Nachfolgend siehst du, wie es aussieht, wenn man den Menüband-Reiter Quellcode wählt.

Beispiel Entwicklerkonsole zeigt die ARD Mediathek und dass dort unter Quelle GStatic gelistet wird: Bedeutet das der ÖRR externe Fonts lädt. (März. 23)
Wie man erkennt: ARD Mediathek nutzt im März. 2023 noch Google Fonts, die über „GStatic“ nachgeladen werden.

Wir suchen genau das, was ich im Bild rot einkreiste: von Google-Servern nachgeladene Schriftpakete.

Hinweise für extern geladene Google Fonts sind folgende URL-Adressen unter dem Menü-Reiter Quellcode:

  • fonts.googleapis.com
  • fonts.gstatic.com

Beispiele für Quellenangaben unter Abteil Quellcode:

Beispiel an Ressourcen: Google Schriftarten sind eingebunden.
Beispiel einer Seite ohne externen Ressourcen.

Auf Bild 1 siehst du, wie es ausschaut, wenn externe Ressourcen wie von Google nachgeladen werden.

Bild 2 zeigt, wie Quellen einer Seite ohne extern eingebundenen Ressourcen aussehen soll.

Beachte unbedingt:

Unter Umständen mag auf deiner Hauptseite keinerlei Hinweis auf Google Fonts bestehen, jedoch stellt das keine Garantie dar, dass es nicht doch Daten von fremden Servern zu finden gibt!

Prüfe in tieferen Webstrukturen nach von fremden Servern geladenen Typografie oder Scripte.

Beispielsweise können Schriftpakete geladen werden, solltest du fremde Videos via iFrame einbinden.

Eine weitere Möglichkeit, mit der Entwicklerkonsole zu arbeiten, stellt die Suchfunktion dar.

Die Entwicklertools bieten eine flinke Möglichkeit, innerhalb von Webseiten zu suchen.

Dazu drückst du innerhalb der Konsole die Tastaturkürzel: STRG + SHIFT + F.

Suchen mit der Konsole in Webseiten.
Wir können auch direkt in der Webkonsole nach Strings suchen; also auch URL.
Mit Entwicklertolls sind fonts.googleapis.com und fonts.gstatic.com schnell aufgespürt.
Weiteres Beispiel zum Suchen von Googles Server unter gstatic.com..

Als Nächstes wollen wir versuchen Google Fonts lokal zu speichern.

2. Google Fonts auf eigenen Server einbinden

Damit die Fonts in Zukunft von deinem Server, statt denen von der Datenkrake stammen, müssen wir die Ursprünge der Schriftarten erstens innerhalb der (Customs-) CSS-Datei ändern und zweitens, wir müssen die Google Font herunterladen und auf den eigenen Server hochladen.

Dafür nutzen wir entweder entspannt ein Plugin oder wir legen selbst Hand an. Ich empfehle dir das Plugin.

2.1 WordPress Plugin: Local Google Fonts

Speichert die Schriftpakete lokal.

Die Komfortlösung für WordPress: Ein Plugin, welches die externen Schriftarten von Google lokal speichert und wiedergibt.

Komfortabel wird es besonders in Momenten, wenn verbannt geglaubte Google Fonts plötzlich durch Plugin- oder Theme-Updates wieder ihren Weg in die WordPress-Installation finden.

Mit Plugin bindet man die Google Font geschwind lokal ein.

Gute Bewertungen hat das Local Google Fonts-Plugin von EverPress.

Wie immer gilt: Erst Backup, dann Plugin installieren.

Hier klicken, um den Inhalt von WordPress.org anzuzeigen.
Erfahre mehr in der Datenschutzerklärung von WordPress.org.

2.2 Fonts mit CSS manuell einbinden

Du kannst Google Fonts auch händisch als lokale Schriftart einbinden, mit CSS.

Unbedingt: Vorher Backup machen!

Ich empfehle dir den Weg als Handwerker nicht. Selbst wenn du zur Genüge Ahnung in dir vereinst, verwendest du kein eigenes Theme, so lass es bleiben.

Dieses Vorgehen erfordert ein Child-Theme und das ist das Blöde. Weil durch Child-Theme ausgelagerte Programmiercode-Bestandteile so nicht mehr in den Genuss von Sicherheitsupdates gelangen; gerade wenn du viel genutzte Themes verwendest, solltest du stets die Updates mitmachen. Schließlich wird es Gründe geben, wieso diese Sicherheitslücken offen liegen.

Andererseits: Nutzt du kein Child-Theme und werkelst herum, nimmst manuelle Änderungen vor, werden diese durch Updates überschrieben und du musst die Änderungen von vorne beginnen!

Deshalb setze in diesem Fall lieber auf ein Plugin und nütze die dir ersparte Zeit für deine Inhalte.

Schritt 1: Finde heraus welche Google Fonts dein Theme verwendet

Für den händischen Weg musst du nur die gewünschte Schriftdatei bei Google herunterladen. Vorher musst du wissen, welche Font-Datei es sein muss.

Hierzu setzt du einfach auf die Entwicklerkonsole.

google font type bestimmen
Beispielsweise auf einer Google Seite zu Chromebooks. Du siehst die verwendeten beziehungsweise geladenen Fonts.

Schritt 2: Downloade die Schrift

Auf fonts.google.com findest du die Schriftarten.

fonts google com beispiel

Schritt 3: Uploade die Schriftart

Mithilfe von FilzeZilla kannst du die Schriftart auf deinen Server hochladen.

Im Anschluss:

  1. Öffne das Verzeichnis deiner WordPress-Installation (oder auch andere Verzeichnisse, aber der Pfad verkompliziert sich dann).
  2. Erstelle einen Ordner und nenne ihn Font oder ähnlich.
  3. Lade die Schriftarten in den Ordner.
Ordner mittels FTP.

Schritt 4: CSS Code erstellen und einfügen

Mit CSS musst du die Schriftarten in deiner Style.css einbinden. Für die CSS-Syntax kann dir der Webfont Helper helfen.

Ein Tool das die CSS-Anweisungen anfertigt. So muss der faule Webdesigner nur noch kopieren und einfügen.

Hiernach klickst de dich innerhalb FileZilla durch deinen WordPress-Ordner: wp-content/themes/dein-theme/ und öffnest die style.css und bearbeitest sie. Suche nach @Font-Face und füge ein oder ersetze durch kopierten CSS-Code.

style.css von WordPress installieren

Speichern. Hochladen. Fertig.

3. WordPress Version 6.1 und das Update-Dilemma mit dem Theme Twenty Twenty-Three und Plugins

Bei Versions-Updates werden neue Themes installiert oder bestehende aktualisiert, so können externe Schriftarten wieder nachgeladen werden.

Updates sind zugleich Fluch und Segen im WordPress-Ökosystem. Gerade wenn man mehrere dutzend Seiten betreibt, müsste man jedes Mal nach extern eingebundenen Daten prüfen.

Das mit den Themes lässt sich verhindern: Um automatische Theme-Installation zu verhindern, kann man mittels FTP-Programm wp-config.php finden, bearbeiten und folgendes ergänzen:

define('CORE_UPGRADE_SKIP_NEW_BUNDLED', true);

Beachten, Plugin-Updates können auch Google Schriften einbinden, deshalb immer prüfen, sobald Updates durchgeführt wurden.

Fazit

Abmahnungen sind unter hiesigen Bloggern ein leidiges Thema und gehen ins Geld. Schade, dass es gefühlt oft private Blog-Betreiber trifft, die weder mutwillig noch irgendwie bereichernd handeln.

Was noch wichtig ist, durch das lokale Einbinden der Google Fonts:

Kann die Ladezeit länger ausfallen, die Serverlast steigt.

Jedoch hast du jetzt einige Möglichkeiten an die Hand bekommen, mit denen du vorsichtig prüfen kannst, ob Fonts von extern geladen werden.

Häufig gestellte Fragen

Was sind Google Fonts?

Wieso sind Google Fonts kritisch im Bezug auf die DSGVO?

Wie kann man Google Fonts datenschutzkonform nutzen?

Gibt es Plugins um Google Fonts lokal einbinden zu können?

Weiterführende Informationen und Quellen

  • Wie der Google WatchBlog berichtet, hat ein Abmahnanwalt aufgegeben. Er soll zehntausende Abmahnungen verschickt haben und zog so den Zorn seiner Opfer auf sich. Der Anwalt beklagt nun, eine Gruppe von Menschen würde ihn bedrohen und verfolgen und dafür sorgen, dass Geschäftspartner sich von ihm trennen.
  • Der Hubspot Blog berichtete über das Thema der lokalen Einbindung von Schriftarten für Webseiten.
  • erecht – Rechtliches: Google Schriftpakete, steht mehr zu den Hintergründen, wieso man wegen der Nutzung von externen Schriftarten oder Skriptdateien abgemahnt werden kann. Stichwort: DSGVO.
  • IHK berichtet darüber, dass zahlreiche Unternehmen im Herbst 2022 Abmahnungen aufgrund von extern geladenen Google Schriften erhielten.

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 4.7 / 5. Anzahl Bewertungen: 34

Bisher keine Bewertungen! Sei der Erste, der diesen Beitrag bewertet.

 


Diesen Artikel schrieb:

Beitrag veröffentlicht

in

von