Lokale Schriften

Jul 25, 2023

Google Fonts sind beliebt in Blogs, da sie extern schnell laden und somit die Last auf den eigenen Server verringern. Nun bietet Google den Service nicht ganz uneigennützig an und sammelt dadurch Nutzerdaten. Das wiederum kollidiert mit der DSGVO.

Dafür gibt es nun zwei Lösungen:

  1. Zugriff auf den Blog erhält ein Besucher nur, wenn er sich über einen Banner mit der Speicherung seiner Daten einverstanden erklärt. In der Datenschutzerklärung finden sich dann weitere Hinweise dazu.
  2. Googles Schriften werden lokal auf demselben Server gespeichert, auf dem der Blog läuft.

Die erste Lösung wirkt zunächst einfacher, denn man muss nicht an die CSS- und PHP-Dateien ran, dafür muss neben der Datenschutzerklärungsergänzung nur ein Banner mittels Plugin dem Blog vorgeschaltet werden - und zum Laufen gebracht werden.

Der zweite Weg beinhaltet:

  • das Ermitteln der eingebundenen Schriften mittels Analyse im Browser (Firefox -> Untersuchen -> Netzwerkanalyse -> Schriften; Cache deaktivieren)
  • das Herunterladen der eingebundenen Schriften (jeder einzelnen) über die angegebene Adresse im WOFF2-Format
  • das Hochladen aller dieser Schriften auf den Server
  • das Ermitteln der Adresse, unter der die CSS-Datei von Google heruntergeladen werden kann: im Theme nach main.css suchen, darin wird in ganz oben die Adresse angezeigt
  • das Herunterladen eben dieser CSS-Datei
  • jegliche zu Google führende Links so abändern, dass sie auf die lokalen Dateien verweisen (Suchen & Ändern)
  • diese geänderte CSS-Datei auf den Server laden
  • die Verknüpfung zur lokalen CSS-Datei in main.css einbauen (besser: Datei kopieren und als main-ohne-google.css abspeichern) und die externe Verlinkung löschen
  • ggf. index.php mit der neuen CSS-Datei main-ohne-google.css verknüpfen
  • viel Geduld und Kaffee.

Nach diesen paar Schritten ist man auch schon fertig und kann nun datenschutzkonform die Inhalte auf dem Blog darstellen.

Ich habe mich für den zweiten Weg entschieden - es sind ja Ferien.