Vad är Google Fonts?
Teckensnitt är filer som innehåller beskrivningen av hur webbläsaren kan visa en viss text. Google erbjuder olika teckensnittsfiler på sina servrar. För många webbdesigners är det mycket enkelt att använda Google Fonts för att utforma webbplatsen på ett visst sätt.
Varför är Google Fonts ett problem?
När Google Fonts används via Googles servrar hämtar besökarens webbläsare teckensnittsfilerna direkt från Google. Google får därmed besökarens IP-adress, webbläsarinformation och mer, och kan använda detta för egna ändamål. Flera dataskyddsmyndigheter har redan bekräftat att denna användning av Google Fonts strider mot GDPR:s principer om dataminimering.
Hur arbetar man med Google Fonts?
Det bästa sättet att använda teckensnittsfilerna är att ladda ner dem från Googles servrar och placera dem direkt på din egen server. På så sätt är Google inte längre inblandat och dataskyddsprinciperna kränks inte längre.
Det näst bästa alternativet är att låta ConsentManager blockera dessa typsnitt.
Hur laddar man ner Google Fonts?
- För att ladda ner Googles typsnittsfiler kan du använda verktyg som Google Web Font Helper. Det låter dig ladda ner filerna till en ZIP-fil.
- Packa upp ZIP-filen och ladda upp filerna till din webbserver
- Uppdatera webbplatsens HTML-kod och ändra platsen för teckensnittsfilerna:
Originalkod för Google Font (exempel):
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"> Uppdaterad version som pekar på din server (exempel):
<link href="https://meinserver.de/myfontfile.css" rel="stylesheet"> Aktivera automatisk blockering för teckensnitt
Som standard blockerar den automatiska blockeringskoden inte teckensnitt och stilmallar. Du kan aktivera detta under Meny > CMP:er > Redigera > Övriga inställningar > Blockera stilmallar:
Observera att automatisk blockering inte är säker enligt GDPR! Moderna webbläsare kan ladda ner teckensnitten redan innan blockeringen aktiveras och därför kan ingen blockering ske.
Manuell blockering av Google Fonts
Om du använder manuell blockering kan du blockera teckensnitt genom att uppdatera <link ..> koden. Exempel:
<link class="cmplazyload" data-cmp-vendor="s2612" data-cmp-href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">