DSGVO-Gerichtsurteil: Google Fonts sind jetzt illegal

Lange war man sich uneinig in der europäischen WordPress-Community. Ist das Laden von Schriften über Google Fonts jetzt okay, oder nicht? Jetzt gibt es ein Münchner Urteil, das zum Präzedenzfall werden könnte.

Am 20. Januar entschied ein Münchner Landgericht, dass ein Kläger Anspruch auf Unterlassung und Schadensersatz in Höhe von 100 € gegen einen Webseitenbetreiber hat, weil dieser die IP-Adresse des Besuchers durch die Verwendung von Google Fonts an Google weitergegeben hatte. Mehr Details zum Urteil gibt’s hier.

Der Grund für dieses Urteil ist, dass man schliesslich die Möglichkeit habe, die Schriftarten auch ohne Verbindung zu Google zu nutzen. Die Weitergabe der IP-Adresse an Google ist also nicht notwendig für die Funktionalität der Website und deshalb ein Verstoss gegen die DSGVO:

Die Beklagte verletzte das Recht des Klägers auf informationelle Selbstbestimmung, indem die Beklagte die dynamische IP-Adresse an Google weiterleitete, als der Kläger die Webseite der Beklagten aufrief.
Die automatische Weitergabe der IP-Adresse durch die Beklagte an Google war ein nach dem Datenschutzrecht unzulässiger Eingriff in das allgemeine Persönlichkeitsrecht des Klägers, da der Kläger unstreitig in diesem Eingriff nicht gemäß § 13 Abs. 2 TMG a.F., Art. 6 Abs. 1 a) DSGVO eingewilligt hat.

Auszug aus dem Entscheidungsgrund im Urteil

Was heisst das für Websitebetreiber in der EU?

Die 100 Euro sind im aktuellen Gerichtsfall die Strafe. Das deutsche Gericht droht jedoch mit einer Geldstrafe von 250.000 Euro für jeden Fall der Zuwiderhandlung oder alternativ mit einer sechsmonatigen Freiheitsstrafe, wenn der Inhaber der Website sich nicht daran hält und Google weiterhin IP-Adressen durch die Nutzung von Google Fonts zur Verfügung stellt.

Für uns heisst das aus rechtlicher Sicht, dass es besser ist, Schriften lokal zu laden und das Google Fonts Skript zu deaktivieren. Das ist in der Regel nicht so schwierig, es gibt Plugins, die das können.

Google Fonts lokal laden: So geht’s

Um deine Website fit zu machen für dieses Urteil, hast du verschiedene Möglichkeiten, Google Fonts lokal zu laden.

Variante 1: Du benutzt ein Plugin für lokale Schriften

Das Plugin OMGF scheint eine einfache Möglichkeit zu bieten, Google Fonts lokal zu laden:

Das Plugin nutzt die Google Fonts Helper API, um die vom Theme und den Plugins verwendeten Schriftarten automatisch zwischenzuspeichern, um DNS-Anfragen zu minimieren und Ihre WordPress-Website zu beschleunigen. Der Betreiber schreibt von einer 100-prozentigen DSGVO-Kompatibilität.

Ich habe das Plugin selber noch nicht getestet, aber die Bewertungen scheinen vielversprechend zu sein.

Variante 2 für Elementor-User

Der Elementor lädt automatisch Google Fonts. Um die Fonts lokal zu laden, musst du zwei Schritte tun:

1. Das Google Fonts Skript stoppen
2. Die Schrift bei Google herunterladen und als Custom Font in Elementor hochladen

Das Google Fonts Skript von Elementor kannst du stoppen mit einem Snippet im functions.php (nutze dafür unbedingt ein Child Theme!)

// Google Fonts Skript von Elementor stoppen
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

Wichtig: Die Schriften werden im Elementor-Editor weiterhin geladen, aber im Frontend nicht! Prüfe nach einem solchen Eingriff immer genau, wie deine Website im Frontend aussieht!

Falls du Google Schriften in deinem Design nutzt, musst du diese dann auch noch lokal speichern. Dafür kannst du das “Custom Fonts”-Werkzeug von Elementor nutzen. Das funktioniert dann so:

1. Lade deine Schrift bei Google herunter. Du erhältst ein ttf-Dokument in einem zip-Ordner
2. Für eine Schrift im Web brauchst du verschiedene Dokumentformate. Diese generierst du, indem du dein ttf-File in einem Font converter umwandelst. Zum Beispiel hier: transfonter.org
3. Nach dem Umwandeln solltest du die Schrift in verschiedenen Dokumentformaten haben (am besten TTF, EOT, WOFF, WOFF2 und SVG)
4. Gehe zu Dashboard > Elementor > Custom Fonts und klicke auf “Neu hinzufügen”
5. Fülle alle Felder aus, lade deine Schriftdateien hoch und speichere
6. Ab jetzt sollte deine Schrift in Elementor verfügbar sein

Variante 3: Schrift mit eigenem Code im Theme laden

Diese Variante erfodert ein eigenes Theme oder ein Child Theme.

1. Füge deinem Theme einen Ordner “fonts” hinzu. Pfad: wp-content/themes/fonts
2. Lade deine Schrift bei Google herunter. Du erhältst ein ttf-Dokument in einem zip-Ordner
3. Für eine Schrift im Web brauchst du verschiedene Dokumentformate. Diese generierst du, indem du dein ttf-File in einem Font converter umwandelst. Zum Beispiel hier: transfonter.org
4. Nach dem Umwandeln solltest du die Schrift in verschiedenen Dokumentformaten haben (am besten TTF, EOT, WOFF, WOFF2 und SVG) und ein CSS-Snippet
5. Diesen CSS-Text fügst du in das Stylesheet von deinem Theme ein (style.css), das sieht dann cirka so aus:
   @fontface {
font-family: schriftname;
src: url("/fonts/schriftname.woff2") format("woff2"),
url("/fonts/nameofnewfont.woff") format("woff"),
url("/fonts/nameofnewfont.woff") format("ttf"),
url("/fonts/nameofnewfont.woff") format("svg"),
url("/fonts/nameofnewfont.woff") format("eot");
font-weight: normal;
font-style: normal:
}
6. Überprüfe, ob der Schriftname und der Schriftpfad deiner Schrift entsprechen
7. Wiederhole diesen Schritt für alle Schriftschnitte (fetter, schmaler) und alle Schriftstile (italic etc.)

Zu kompliziert?

Willst du deine Website für die DSGVO anpassen und verstehst aber nur Bahnhof? Wir bei morntag helfen dir gerne mit unserem Support-Angebot. Melde dich einfach: lilly@morntag.com

Was denkst du dazu?

yeah!

4

wooow

0

what?

1

meh.

0

hahaha

0