Cosa sono i Google Fonts?
I font sono file che contengono la descrizione di come il browser può visualizzare un determinato testo. Google offre vari file di font sui propri server. Per molti web designer è molto facile utilizzare i Google Fonts per progettare il sito web in un certo modo.
Perché i Google Fonts sono un problema?
Quando si utilizzano i Google Fonts tramite i server di Google, il browser dei visitatori scaricherà i file dei font direttamente da Google. Google riceverà quindi l'IP, le informazioni sul browser e altro ancora dal visitatore e potrà utilizzarle per i propri scopi. Diverse autorità di protezione dei dati hanno già confermato che questo utilizzo dei Google Fonts è contrario ai principi di minimizzazione dei dati del GDPR.
Come si lavora con Google Fonts?
Il modo migliore per utilizzare i file dei font è scaricarli dai server di Google e metterli direttamente sul proprio server. In questo modo Google non è più coinvolta e i principi di protezione dei dati non vengono più violati.
La seconda opzione migliore è consentire a Consentmanager di bloccare questi font.
Come scaricare Google Fonts?
- Per scaricare i file dei font di Google, puoi utilizzare strumenti come Google Web Font Helper. Ti permette di scaricare i file in un file ZIP.
- Estrai il file ZIP e carica i file sul tuo server web
- Aggiorna il codice HTML del tuo sito web e modifica la posizione dei file dei font:
Codice originale di Google Font (esempio):
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"> Versione aggiornata che punta al tuo server (esempio):
<link href="https://meinserver.de/myfontfile.css" rel="stylesheet"> Abilitare il blocco automatico per i font
Per impostazione predefinita, il codice di blocco automatico non blocca i font e i fogli di stile. Puoi abilitare questa opzione in Menu > CMP > Modifica > Altre impostazioni > Blocca fogli di stile:
Tieni presente che il blocco automatico non è sicuro ai fini del GDPR! I browser moderni potrebbero scaricare i font già prima che il blocco diventi attivo e quindi il blocco potrebbe non avvenire.
Blocco manuale dei Google Fonts
Se stai utilizzando il blocco manuale, puoi bloccare i font aggiornando il <link ..> codice. Esempio:
<link class="cmplazyload" data-cmp-vendor="s2612" data-cmp-href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">