Arbeiten mit Google Fonts

Was sind Google Fonts?

Schriftarten sind Dateien, die die Beschreibung enthalten, wie der Browser einen bestimmten Text anzeigen kann. Google bietet auf seinen Servern verschiedene Schriftartdateien an. Für viele Webdesigner ist es sehr einfach, die Google Fonts zu nutzen, um die Website auf eine bestimmte Art und Weise zu gestalten.

Warum sind Google Fonts ein Problem?

Bei der Nutzung von Google Fonts über die Google-Server lädt der Browser des Besuchers die Schriftdateien direkt von Google herunter. Google erhält somit die IP-Adresse, Browserinformationen und weitere Daten des Besuchers und kann diese für eigene Zwecke nutzen. Verschiedene Datenschutzbehörden haben bereits bestätigt, dass diese Nutzung von Google Fonts gegen die DSGVO-Grundsätze der Datenminimierung verstößt.

Wie arbeitet man mit Google Fonts?

Am besten laden Sie die Schriftartdateien von den Google-Servern herunter und speichern sie direkt auf Ihrem eigenen Server. Auf diese Weise ist Google nicht mehr beteiligt und die Datenschutzgrundsätze werden nicht mehr verletzt.

Die zweitbeste Option ist, Consentmanager zu erlauben, diese Schriftarten zu blockieren.

Wie kann man Google Fonts herunterladen?

  1. Um die Google-Font-Dateien herunterzuladen, können Sie Tools wie den Google Web Font Helper verwenden. Damit können Sie die Dateien als ZIP-Datei herunterladen.
  2. Entpacken Sie die ZIP-Datei und laden Sie die Dateien auf Ihren Webserver hoch
  3. Aktualisieren Sie den HTML-Code Ihrer Website und ändern Sie den Speicherort der Schriftartdateien:

Original-Google-Font-Code (Beispiel):

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"> 

Aktualisierte Version, die auf Ihren Server verweist (Beispiel):

<link href="https://meinserver.de/myfontfile.css" rel="stylesheet"> 

Automatisches Blockieren von Schriftarten aktivieren

Standardmäßig blockiert der automatische Blockierungscode keine Schriftarten und Stylesheets. Sie können dies unter Menü > CMPs > Bearbeiten > Weitere Einstellungen > Stylesheets blockieren aktivieren:

Bitte beachten Sie, dass automatisches Blockieren im Hinblick auf die DSGVO nicht sicher ist! Moderne Browser laden die Schriftarten möglicherweise bereits herunter, bevor die Blockierung aktiv wird, sodass keine Blockierung stattfinden kann.

Google Fonts manuell blockieren

Wenn Sie manuelles Blockieren verwenden, können Sie Schriftarten blockieren, indem Sie den <link ..> Codes. Beispiel:

<link class="cmplazyload" data-cmp-vendor="s2612" data-cmp-href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"> 

We do our best to keep this purely informative documentation up to date. However, if you notice that any of these guides need a little touch-up, let us know!