Google Fonts WordPress DSGVO

Integrare Google Fonts localmente in WordPress in conformità con il GDPR

L'integrazione di Google Fonts in WordPress può essere fondamentale per diversi motivi: Protezione dei dati e conformità al GDPR, prestazioni e tempi di caricamento, dipendenza da Google e sicurezza. WooCommerce La nostra agenzia partner fivecode è specializzata in siti web e negozi WordPress e ha già maturato un'esperienza in diverse centinaia di progetti per aziende famose su questi temi. 

Yannic, quanto spesso ti capita di incontrare il problema dei Google Fonts nel tuo lavoro quotidiano in agenzia e quali soluzioni efficaci utilizzi per evitare questo problema?

Il tema dell'integrazione dei font e il problema dei Google Fonts sono presenti in quasi tutti i progetti. Sarò lieto di spiegarti come le aziende possono scoprire se i Google Fonts sono attivi sul loro sito WordPress e come possono disattivarli. Posso anche spiegarti come carichiamo i Google Font o i font personalizzati in locale sul server nei nostri progetti. Questo aiuta i nostri clienti a proteggere la privacy dei loro utenti e ad evitare problemi potenzialmente costosi legati al GDPR. 

In questo articolo non offriamo consulenza legale. Se hai domande di carattere legale, ti invitiamo a contattare avvocati specializzati. Le misure proposte si basano sullo stato attuale delle nostre conoscenze e hanno lo scopo di aiutare gli amministratori di WordPress a creare siti web conformi al GDPR. Tuttavia, non possiamo garantire che le misure presentate assicurino il 100% di conformità alla protezione dei dati, poiché gli sviluppi tecnici e la situazione legale possono cambiare. Se necessario, consulta un'agenzia professionale per l'implementazione.

Cosa sono i Google Font e perché spesso sono un problema?

Google Fonts è un servizio gratuito di Google che fornisce una vasta libreria di font per siti web e negozi online. Viene spesso utilizzato da sviluppatori e web designer per la sua facile integrazione. Questo perché il servizio ci evita di dover caricare i nostri font e garantisce l'utilizzo di font che non sono installati di default sui computer, smartphone e altri dispositivi dei visitatori.

Tuttavia, i font di Google rappresentano un punto critico dal punto di vista legale perché la loro integrazione solleva problemi di protezione dei dati: dopo tutto, i dati vengono trasferiti ai server di Google quando vengono caricati i font, il che viola potenzialmente il GDPR se non viene ottenuto il consenso dell'utente.

Perché i font di Google sono problematici in relazione al GDPR?

Le norme sulla protezione dei dati negli Stati Uniti

I font di Google possono essere problematici in termini di GDPR dell'UE perché trasmettono i dati ai server di Google situati al di fuori dell'Unione Europea ogni volta che si utilizza un sito web. Il problema è che gli operatori di questi server negli Stati Uniti seguono norme di protezione dei dati diverse da quelle vigenti nell'UE. 

Sebbene la richiesta su un sito web debba caricare solo il rispettivo font, i dati personali come l'indirizzo IP possono essere trasferiti anche a server stranieri, violando il Regolamento generale sulla protezione dei dati (GDPR) senza il consenso esplicito del visitatore. Nel gennaio 2022, il tribunale regionale di Monaco ha stabilito che l'integrazione di Google Fonts senza il consenso degli utenti costituisce una violazione del GDPR (fonte: datenschutzticker.de).

Non valido UE-USA Privacy Shield

Privacy Shield L'accordo UE-USA era un accordo volto a regolamentare lo scambio di dati tra l'UE e gli USA garantendo un adeguato livello di protezione dei dati trasferiti. Privacy Shield Tuttavia, nel 2020 è stato dichiarato nullo dalla Corte di Giustizia Europea in quanto non era in grado di garantire sufficientemente la protezione dei dati personali, in particolare a causa dell'accesso da parte delle autorità statunitensi. Pertanto, attualmente è ancora più importante adottare misure per integrare Google Fonts a livello locale al fine di garantire la conformità al GDPR (fonti:Commissione Europea e Datenschutz.org).

È possibile utilizzare Google Fonts WordPress nel rispetto delle norme sulla protezione dei dati?

La buona notizia: l'uso di Google Fonts in WordPress non è di per sé problematico. Non lo è se viene impostato correttamente. A tal fine, i font devono essere caricati localmente sul tuo server. Ciò significa che non viene stabilita alcuna connessione con i server di Google, evitando così il trasferimento di dati personali.

Ciò significa che integrando i font in locale sul tuo server, puoi evitare questo trasferimento di dati e proteggere meglio la privacy dei visitatori del tuo sito web.

La realtà nella pratica

Purtroppo, spesso questo non si realizza nella pratica. E non solo: nella pratica si sono già verificati diversi casi in cui le aziende hanno dovuto pagare ingenti somme di denaro a causa di violazioni.

Un caso, ad esempio, riguardava un sito web che caricava i Google Fonts direttamente dai server di Google negli Stati Uniti, per cui gli indirizzi IP dei visitatori venivano trasmessi a Google senza il loro consenso. Il tribunale ha stabilito che questa pratica violava il diritto all'autodeterminazione informativa e ha condannato il gestore del sito web a pagare i danni. Questo esempio dimostra che può essere utile evitare che i font vengano caricati dai server negli Stati Uniti con pochi e semplici passaggi e salvarli in locale.

Protezione dei dati per agenzie e sviluppatori WordPress

In questo articolo ti spieghiamo tutto quello che devi sapere sulla protezione dei dati per le agenzie: dalla nomina dei responsabili della protezione dei dati all'elaborazione degli ordini e al consenso all'hoster.

Quali altri svantaggi possono esserci se Google Fonts non viene integrato localmente?

Da un lato, è spiacevole aspettarsi un avviso in qualsiasi momento perché le linee guida sulla protezione dei dati sono state involontariamente violate. D'altra parte, oltre al problema della protezione dei dati, se Google Fonts non è integrato localmente, possono sorgere altri svantaggi:

  • Tempi di caricamento più lunghi: Il tempo di caricamento del sito web può aumentare perché i font devono essere caricati da server esterni a Google.
  • Dipendenza da servizi esterni: il tempo di caricamento del tuo sito web può essere influenzato da interruzioni o tempi di risposta lenti dei server di Google.
  • Visualizzazione incoerente: se l'accesso ai server di Google è bloccato (ad esempio da firewall), i font non possono essere caricati e ciò influisce sulla visualizzazione del tuo sito web.

In sintesi, questo significa che l'integrazione locale di Google Fonts non solo ti protegge da spiacevoli avvisi, ma migliora anche le prestazioni e l'affidabilità del tuo sito web.

Come scoprire se Google Fonts è attivo sul tuo sito WordPress

Se non sai se i Google Fonts sono attivi sul tuo sito web WordPress, puoi utilizzare la console del browser o il website checker:

Variante 1: utilizzare la console del browser

Se nella console vengono visualizzate voci con fonts.googleapis.com o gstatic.com, significa che i Google Fonts vengono caricati direttamente dai server di Google sul tuo sito web. Questa richiesta può trasmettere a Google dati personali come l'indirizzo IP del visitatore, il che rappresenta un potenziale rischio per la protezione dei dati e può violare il GDPR senza un esplicito consenso.

Cromo:

Integrare Google Fonts localmente in WordPress in conformità con il GDPR
  1. Apri il tuo sito web in Chrome.
  2. Clicca con il tasto destro del mouse sulla pagina e seleziona Esplora.
  3. Passa alla scheda Sorgenti.
  4. Cerca le voci con "fonts.googleapis.com" o "fonts.gstatic.com" sul lato sinistro.

Firefox:

Integrare Google Fonts localmente in WordPress in conformità con il GDPR
  1. Apri il tuo sito web in Firefox.
  2. Clicca con il tasto destro del mouse sulla pagina e seleziona Analizza elemento.
  3. Passa alla scheda Rete.
  4. Filtra per font.
  5. Cerca le voci con "fonts.googleapis.com" o "fonts.gstatic.com".

Safari:

Integrare Google Fonts localmente in WordPress in conformità con il GDPR
  1. Apri il tuo sito web in Safari.
  2. Clicca con il tasto destro del mouse sulla pagina e seleziona Mostra ispettore elementi.
  3. Passa alla scheda Rete.
  4. Cerca le voci con "fonts.googleapis.com" o "fonts.gstatic.com" sul lato sinistro.

Opzione 2: Utilizza il programma di controllo dei siti web

In alternativa, puoi anche utilizzare degli strumenti online per verificare se i Google Fonts sono integrati nel tuo sito web. Uno strumento che ti consigliamo è il Google Fonts Scanner di eRecht24. Basta inserire l'URL del tuo sito web e lo strumento verificherà automaticamente se e quali font Google sono utilizzati.

Integrare Google Fonts localmente in WordPress in conformità con il GDPR

I font di Google sono in esecuzione sul tuo sito web? Come impedire il trasferimento dei dati ai server statunitensi

I Google Fonts sono spesso utilizzati di default nei temi provenienti da Internet, nei plugin installati e nei PageBuilders. È quindi importante disattivarli nelle varie aree in modo che non vengano più caricati automaticamente.

Disattiva Google Fonts nei temi

Molti temi di WordPress caricano i font di Google per impostazione predefinita. Per evitare che ciò accada, devi controllare le impostazioni del tema:

  1. DashboardVai su Design > Personalizzatore o Opzioni del tema nel tuo WordPress.
  2. Cerca le opzioni relative ai font o alla tipografia.
  3. Disattiva Google Fonts o seleziona un altro font integrato localmente.

Disattivare i font di Google nei plugin di PageBuilder

Alcuni plugin PageBuilder come Elementor, WPBakery e Divi caricano Google Fonts di default se non è stato selezionato alcun font predefinito. Questi possono essere disattivati nelle impostazioni del plugin:

Elementor:

  1. DashboardVai su Elementor > Impostazioni nel tuo WordPress .
  2. Passa alla scheda Avanzate.
  3. Attiva l'opzione Disattiva Google Fonts.
Integrare Google Fonts localmente in WordPress in conformità con il GDPR

WPBakery:

  1. DashboardVai su WPBakery > Impostazioni nel tuo WordPress .
  2. Passa alla scheda Generale.
  3. Cerca l'opzione Carica Google Fonts e disattivala.
Integrare Google Fonts localmente in WordPress in conformità con il GDPR

Divi:

  1. DashboardVai su Divi > Opzioni del plugin nel tuo WordPress.
  2. Passa alla scheda Impostazioni API.
  3. Scorri verso il basso fino alle impostazioni delle prestazioni.
  4. Disattiva l'opzione Usa Google Fonts.
Integrare Google Fonts localmente in WordPress in conformità con il GDPR

Altri plugin:

Controlla le impostazioni dei plugin installati. Cerca le opzioni relative ai font o alla tipografia. Disattiva Google Fonts o seleziona un altro font locale.

Disattiva Google Fonts con un plugin aggiuntivo

Esistono dei plugin speciali, come il plugin Disable and Remove Google Fonts, che possono aiutarti a disabilitare Google Fonts e a utilizzare invece i font locali. Questi plugin riconoscono il codice sorgente corrispondente che stabilisce una connessione ai servizi di Google Fonts e bloccano automaticamente questi script e quindi tutti i Google Fonts sul tuo sito web:

  1. Installa il plugin Disable and Remove Google Fonts.
  2. Attiva il plugin dopo l'installazione.

Disattiva Google Fonts manualmente nel tema tramite il file functions.php

Il file functions.php è un file del tuo tema WordPress che contiene funzioni personalizzate e frammenti di codice per estendere le funzionalità del tuo sito web.

Tuttavia, apportare modifiche a questo file può essere rischioso, soprattutto se non sai esattamente cosa stai facendo. Modifiche errate possono portare il tuo sito web a non funzionare più correttamente o addirittura a fallire del tutto.

Per questo motivo, ti consigliamo di effettuare le regolazioni solo se hai le conoscenze necessarie:

Passo 1: Creare un backup

Prima di apportare qualsiasi modifica a functions.php, crea un backup completo del tuo sito web. Questo ti permetterà di ripristinare lo stato originale in caso di problemi.

Passo 2: Aprire functions.php

  1. DashboardVai al tuo sito WordPress .
  2. Vai su Design > Editor del tema.
  3. Seleziona il file functions.php dalla barra laterale destra.

Passo 3: Identificare la maniglia di Google Fonts

Per trovare la corretta gestione dei font di Google, devi controllare la documentazione del tuo tema o plugin. Spesso la trovi nel file functions.php o nel codice sorgente del tema WordPress installato. In alternativa, puoi utilizzare la console del browser per identificare i font caricati.

Passo 4: Aggiungere il codice

Aggiungi il seguente codice alla fine del file functions.php. Sostituisci 'theme-handle'* con l'handle effettivo del tema che carica i Google Fonts:


(blocco di codice) function remove_google_fonts() {

wp_dequeue_style('theme-handle');

wp_deregister_style('theme-handle');

}


add_action('wp_enqueue_scripts', 'remove_google_fonts', 20); (fine del blocco di codice)

Passo 5: Salva le modifiche

Clicca su Aggiorna file per salvare le modifiche.

*Nota:

L'"handle del tema" è specifico per ogni tema e plugin. Un esempio potrebbe essere 'twentytwenty-style' per il tema Twenty Twenty.

Questa personalizzazione rimuove il codice che carica i Google Font dalla coda e lo deregistra, impedendo il caricamento dei font dai server esterni di Google. Questo aiuta a garantire la conformità GDPR del tuo sito web.

Se non sei sicuro o hai bisogno di aiuto, ti consigliamo di rivolgerti a un'agenzia specializzata in WordPress per assicurarti che tutte le modifiche siano effettuate in modo corretto e sicuro.

Google Fonts disattivato? Come procedere

Puoi disattivare Google Fonts con le misure descritte ed evitare così di violare la legge sulla protezione dei dati.

Tuttavia, tieni presente che in seguito i font non potranno più essere utilizzati e il tuo sito web potrebbe essere visualizzato con un font diverso. Questo è normale perché si accede ai font standard già presenti sul server web.

Dopo la disattivazione, è importante controllare il tuo sito web. In questo modo ti assicurerai che continui a funzionare correttamente e che sia leggibile.

Nella prossima sezione ti mostreremo come impostare Google Fonts in locale. In questo modo, potrai continuare a utilizzare i font che desideri senza violare il GDPR o essere penalizzato da tempi di caricamento inferiori.

Imposta Google Fonts in conformità con il GDPR: Ecco come funziona passo dopo passo

Ora ti mostreremo come puoi caricare e utilizzare Google Fonts o i tuoi font in locale sul tuo server. Questo ti aiuterà a evitare problemi di protezione dei dati e a garantire la corretta visualizzazione dei font.

Esistono diversi modi per farlo, che ti illustreremo passo dopo passo:

Imposta Google Fonts in locale tramite plugin

Il modo più semplice per impostare i Google Fonts in conformità con il GDPR è quello di utilizzare dei plugin speciali. Questi plugin disattivano la connessione diretta ai server di Google e consentono l'uso locale dei font. A tal fine, i font vengono scaricati e memorizzati sul server web.

Integrare Google Fonts localmente in WordPress in conformità con il GDPR
  • Cerca nella directory dei plugin di WordPress un plugin come OMGF (Optimise My Google Fonts).
  • Installa e attiva il plugin.
  • Quindi configura il plugin tramite le Impostazioni per assicurarti che Google Fonts sia integrato localmente.

Configura Google Fonts localmente tramite il sito web Google Fonts Helper

Un altro modo per integrare Google Fonts a livello locale è quello di utilizzare il sito web Google Fonts Helper. Si tratta di un metodo manuale, ma non richiede un plugin aggiuntivo. Si noti che questo approccio è più complesso e richiede una certa esperienza con i CSS e i server web.

Integrare Google Fonts localmente in WordPress in conformità con il GDPR

Passo 1: Selezionare i font

Passo 2: Generare il codice CSS

  • Seleziona gli stili di carattere desiderati (ad esempio normale, grassetto, corsivo).
  • Clicca su Generate CSS e copia il codice CSS visualizzato.

Passo 3: Scaricare i file

  • Clicca su Scarica i file e salva i file dei font sul tuo computer.

Passo 4: caricare i file sul server web

  • Collegati al tuo server web tramite FTP.
  • Crea una nuova cartella nella directory del tuo tema (ad esempio fonts) e carica i file dei font scaricati in questa cartella.

Passo 5: Personalizzare il file CSS

  • Apri il file CSS del tuo tema (ad esempio style.css).
  • Aggiungi il codice CSS generato e regola di conseguenza i percorsi dei file dei font.
  • Aggiorna il file CSS per utilizzare il nuovo font nel tuo progetto.

Ecco fatto! Grazie a questi passaggi, puoi integrare localmente i Google Fonts e utilizzarli in conformità con il GDPR senza installare un plugin.

Integrare Google Fonts localmente con Elementor Custom Fonts

Stai utilizzando Elementor Pro sul tuo sito web WordPress? Per gli utenti di Elementor Page Builder nella versione Pro a pagamento, esiste una funzione integrata per l'utilizzo di font personalizzati.

Passo 1: Scaricare il font

  • Visita il sito web di Google Fonts Helper e scarica il font desiderato.
  • Assicurati di scaricare tutti gli stili di carattere richiesti (ad esempio normale, grassetto, corsivo).

Passo 2: Aprire Elementor

  • Dashboard Apri Elementor nel tuo WordPress e vai alle impostazioni.

Passo 3: Aggiungere font personalizzati

  • Vai su Elementor > Caratteri personalizzati e clicca su Aggiungi.

Passo 4: caricare i file dei font

  • Carica i file dei font scaricati. Assicurati di caricare ogni peso e tipo di font (normale, grassetto, corsivo, ecc.) separatamente.
  • Dai un nome al font in modo da poterlo ritrovare facilmente in seguito.

Passo 5: Utilizzare i font nei disegni

  • Seleziona il font caricato nei tuoi progetti Elementor per utilizzarlo.
Integrare Google Fonts localmente in WordPress in conformità con il GDPR

Conclusione: GDPR e siti web WordPress: cosa succede ora?

Con i metodi qui presentati, puoi integrare Google Fonts sul tuo sito web nel rispetto delle norme sulla protezione dei dati. Questo non solo protegge la privacy dei tuoi visitatori, ma migliora anche le prestazioni e l'affidabilità del tuo sito web.

Tuttavia, potrebbe essere opportuno affidare l'implementazione a un'agenzia professionale per garantire che tutti gli aspetti della conformità al GDPR siano coperti. I professionisti possono aiutarti a evitare le insidie legali e a trovare una soluzione ottimale per il tuo sito web.

Qualche parola su fivecode

WooCommerce L'agenzia fivecode WordPress di Münster è specializzata nello sviluppo individuale di siti web e webshop in WordPress. Dal 2022 assistiamo clienti in tutta la Germania, dalla progettazione del sito web al successivo marketing e alla manutenzione. Consideriamo i siti web come uno strumento online redditizio che promuove attivamente l'attività dei nostri clienti nello spazio digitale e la rafforza nei confronti della concorrenza. Attribuiamo grande importanza all'individualità, alla creatività e alla programmazione professionale.

FAQ su Google Fonts WordPress

Qual è il problema di Google Fonts?

I font di Google sono problematici in termini di GDPR perché trasmettono dati ai server di Google quando vengono caricati.

Questi server sono spesso situati al di fuori dell'UE e sono soggetti a normative diverse in materia di protezione dei dati.

La trasmissione di indirizzi IP e di altri dati può comportare una violazione della protezione dei dati senza il consenso esplicito dell'utente.

Per evitare questi problemi, Google Fonts dovrebbe essere ospitato localmente sul tuo server.

Quali font sono conformi al GDPR?

I font sono conformi al GDPR se sono ospitati localmente sul tuo server e quindi non trasmettono dati personali come gli indirizzi IP a server esterni.

Puoi salvare e integrare localmente sia Google Fonts che altri font per poterli utilizzare in conformità con il GDPR. 

Come posso vedere se Google Fonts è integrato localmente?

Esistono diversi metodi per verificare se Google Fonts è integrato localmente:

  1. Apri la console del browser in Chrome, Firefox o Safari.
  2. Passa alla scheda Rete e ricarica la pagina.
  3. Cerca le voci con "fonts.googleapis.com" o "gstatic.com".

Se queste voci non compaiono, i font sono integrati localmente. In caso contrario, vengono caricati direttamente dai server di Google, il che potrebbe sollevare problemi di protezione dei dati.

In alternativa, puoi anche utilizzare degli strumenti online per verificare se i Google Fonts sono integrati nel tuo sito web: Uno strumento consigliato è il Google Fonts Scanner di eRecht24. Basta inserire l'URL del tuo sito web e lo strumento verificherà automaticamente se e quali font Google sono utilizzati.

I font di Google sono gratuiti?

Sì, i font di Google possono essere utilizzati gratuitamente. Google offre una vasta libreria di font che possono essere integrati gratuitamente nei siti web.

L'utilizzo è gratuito, indipendentemente dal fatto che i font vengano caricati dai server di Google o localmente dal tuo server.

Tuttavia, devi assicurarti di integrare i font in conformità con il GDPR per evitare problemi di protezione dei dati.

Come posso disattivare Google Fonts?

Puoi utilizzare diversi metodi per disattivare Google Fonts.

  • Impostazioni del tema: Molti temi offrono opzioni per disattivare i Google Fonts.
  • Usa i plugin: Grazie a plugin come Disabilita e Rimuovi Google Fonts, puoi disattivare Google Fonts con pochi clic.
  • Elementor: puoi anche disattivare Google Fonts nelle impostazioni di Elementor.

Queste misure impediscono che i Google Fonts vengano caricati da server esterni. Tuttavia, tieni presente che se disattivi Google Fonts sul tuo sito web, il design della tua pagina potrebbe cambiare, in quanto i font non saranno più visualizzati come di consueto. Al contrario, verranno visualizzati i font utilizzati dal tuo tema o dal tuo browser per impostazione predefinita. Tuttavia, a volte questo non ha un aspetto gradevole. Per evitare questo inconveniente, devi assicurarti di integrare localmente dei font alternativi e di regolarli nel CSS in modo che il design del tuo sito web rimanga coerente.

"*" indica i campi obbligatori

Desidero iscrivermi alla newsletter per essere informato sui nuovi articoli del blog, sugli ebook, sulle funzionalità e sulle novità di WordPress. Posso ritirare il mio consenso in qualsiasi momento. Si prega di prendere nota della nostra Politica sulla Privacy.
Questo campo è per la convalida e non deve essere modificato.

Ti è piaciuto l'articolo?

Con la tua valutazione ci aiuti a migliorare ancora di più i nostri contenuti. Grazie!

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato. I campi obbligatori sono contrassegnati da *.