Google Fonts — consent fix

Google Fonts stuurt bij het inladen direct het IP-adres van uw bezoeker naar de servers van Google. In 2022 heeft de rechtbank in München (OLG München) bepaald dat een IP-adres persoonsgegevens zijn. Omdat deze data wordt verstuurd zónder dat de bezoeker hiervoor toestemming heeft gegeven via uw cookie banner, overtreedt uw website de AVG.

Waarom Google Fonts te vroeg laadt

Google Fonts worden vrijwel nooit via Google Tag Manager geladen. Ze staan meestal direct in de broncode van uw website via een <link>-tag, of diep verborgen in een stylesheet via een CSS @import-regel. Zodra de browser de code leest, wordt het lettertype direct bij Google opgehaald.

De Fix: Google Fonts Lokaal Hosten (Beste Oplossing)

De allersnelste en meest robuuste oplossing vereist helemaal geen cookie banner of toestemming: host de lettertypen zelf. Als de lettertypen op uw eigen server staan, maakt de browser van de bezoeker geen verbinding met Google, en is het privacyprobleem in één klap verdwenen.

Stap 1: Lettertypen downloaden

1. Ga naar de Google Webfonts Helper tool.
2. Zoek het lettertype dat uw website gebruikt (bijv. Roboto of Open Sans).
3. Selecteer de benodigde diktes (weights).
4. Download het .zip-bestand met de WOFF2-bestanden.

Stap 2: Lettertypen uploaden naar uw server

1. Pak het .zip-bestand uit.
2. Upload de font-bestanden via FTP (of de bestandsbeheerder van uw hosting/CMS) naar een map op uw server, bijvoorbeeld /fonts/.

Stap 3: De CSS aanpassen

Vervang de Google Fonts <link> tag of @import regel door de meegeleverde CSS van de Webfonts Helper.

1. Verwijder de originele Google Fonts link uit uw HTML of stylesheet. Voorbeelden van wat u moet verwijderen:

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

   Of in uw CSS:

   @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
   

2. Voeg de nieuwe CSS toe aan uw eigen stylesheet. Zorg dat het pad naar de bestanden klopt.
3. Voeg font-display: swap; toe in de CSS-regel om te voorkomen dat tekst onzichtbaar is tijdens het laden.

Alternatieve Fix (via GTM)

Als u de lettertypen écht niet lokaal kunt hosten, moet u ze via Google Tag Manager laden als Custom HTML Tag. Zorg er dan voor dat deze tag een uitzonderingstrigger heeft waarbij Consent State — functionality_storage is ingesteld op denied. Let op: @import regels in CSS-bestanden ontsnappen hieraan en moeten alsnog handmatig verwijderd worden.

Controleer uw oplossing

Vertrouw niet op het uiterlijk van het lettertype, maar gebruik de Network tab van uw browser.

1. Open uw website in een incognitovenster.
2. Negeer de cookie banner.
3. Open Developer Tools (F12) en ga naar de Network tab.
4. Zoek op fonts.googleapis.com. Er mogen absoluut geen bestanden geladen worden via dit domein.

Twijfelt u of de aanpassing is gelukt, of wilt u uitsluiten dat andere scripts nog data lekken? Voer een gratis scan uit met ConsentChecker.eu voor directe bevestiging.

Bronnen

• Uitspraak Rechtbank München inzake Google Fonts (Januari 2022)
• Google Webfonts Helper