Il tuo sito WordPress potrebbe caricare i Google Fonts senza che tu te ne accorga.
Molti temi richiamano automaticamente questi font dai server di Google, il che può rallentare il tuo sito web e sollevare preoccupazioni sulla privacy per i visitatori in determinate regioni.
La buona notizia è che disabilitare i Google Fonts è più facile di quanto pensi e può effettivamente migliorare le prestazioni del tuo sito.
Nel corso degli anni lavorando con siti WordPress, abbiamo scoperto che la rimozione di queste richieste di font esterni spesso accelera i tempi di caricamento e ti dà un maggiore controllo sull'aspetto del tuo sito.
In questa guida, ti mostreremo 2 semplici metodi per disabilitare i Google Fonts sul tuo sito WordPress, sia che tu voglia usare i font di sistema in alternativa o ospitare la tua tipografia localmente.
Perché disabilitare i Google Fonts sul tuo sito WordPress?
La tipografia che scegli per il tuo sito WordPress gioca un ruolo importante nel suo design e nell'identità del brand. Ecco perché molti proprietari di siti web personalizzano la loro tipografia utilizzando i Google Fonts.
Tuttavia, caricare troppi font avrà un impatto negativo sulle prestazioni di WordPress. Ecco perché ti consigliamo di scegliere solo due font e utilizzarli su tutto il tuo sito web.
In alternativa, puoi disabilitare completamente i Google Fonts e semplicemente utilizzare i font di sistema che vengono forniti con il computer dell'utente. Hanno un bell'aspetto e si caricano molto più velocemente, specialmente per gli utenti con una connessione lenta.
Ecco perché abbiamo deciso di disabilitare i Google Fonts quando abbiamo ridisegnato il sito WPBeginner. Volevamo rendere facile per tutti imparare WordPress e far crescere la propria presenza online, anche se la tua connessione internet non è delle migliori.
Disabilitare i Google Fonts potrebbe non essere la decisione giusta per tutti i siti web aziendali o blog. Tuttavia, se hai visitatori provenienti da aree con scarsa qualità di internet, questo è un modo per offrire una migliore esperienza utente.
Inoltre, ci sono problemi di privacy con i Google Fonts che potrebbero rendere il tuo sito web non conforme a leggi come il GDPR. Disabilitare i Google Fonts riduce il rischio che il tuo sito venga sorpreso in violazione di qualsiasi legge internazionale sulla privacy.
Detto questo, diamo un'occhiata a come disabilitare i Google Fonts in WordPress.
Disabilitare i Google Fonts in WordPress con un plugin
Innanzitutto, devi installare e attivare il plugin Disable and Remove Google Fonts. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.
Dopo l'attivazione, il plugin disabiliterà automaticamente tutti i Google Fonts utilizzati dal tuo tema e dai tuoi plugin. Non necessita di configurazione.
Ora WordPress utilizzerà automaticamente un font predefinito al posto di qualsiasi Google Font che veniva utilizzato. Dovresti controllare attentamente il tuo sito web per assicurarti di essere soddisfatto dei font che vengono ora utilizzati.
Se desideri scegliere font diversi, consulta la nostra guida su come cambiare i font nel tuo tema WordPress.
Disabilitare Google Fonts in OptinMonster
OptinMonster è il miglior plugin per la generazione di lead per WordPress, e oltre 1,2 milioni di siti web utilizzano il software per far crescere la propria lista email, aumentare le vendite e ottenere più lead.
Lo usiamo anche noi di WPBeginner per creare popup per newsletter e abbiamo avuto un'ottima esperienza. Per saperne di più, puoi leggere la nostra recensione di OptinMonster.
Tuttavia, lo strumento utilizza i Google Fonts per impostazione predefinita. Fortunatamente, è facile disabilitarli.
Disabilitare i Google Fonts nelle singole campagne OptinMonster
Innanzitutto, dovresti visitare il sito web di OptinMonster ed effettuare l'accesso alla tua Dashboard Campagne. Dopodiché, devi fare clic su una campagna e quindi fare clic sul pulsante 'Modifica Campagna'.
Questo aprirà il Generatore di Campagne OptinMonster.
Successivamente, devi fare clic sull'icona 'Impostazioni' nell'angolo in basso a sinistra della barra del piè di pagina.
Nel pannello laterale, devi selezionare la scheda 'Avanzate'.
Ora puoi scorrere verso il basso fino alla sezione 'Impostazioni di visualizzazione' e disattivare l'opzione 'Abilita web font?'.
Una volta fatto clic sul pulsante 'Salva' nella parte superiore dello schermo, i font di terze parti verranno disabilitati per quella campagna.
Dovrai ripetere questi passaggi per ogni altra campagna da cui desideri rimuovere i Google Fonts.
Disabilitare i Google Fonts per tutte le campagne OptinMonster
Se ti senti a tuo agio con l'aggiunta di snippet di codice JavaScript al tuo sito, allora puoi disabilitare i Google Fonts su tutte le campagne OptinMonster contemporaneamente.
Per disabilitare i Google Fonts in ogni campagna, devi aggiungere questo snippet nell'intestazione o nel piè di pagina del tuo sito web:
<script type="text/javascript">
document.addEventListener('om.Scripts.init', function(event) {
event.detail.Scripts.enabled.fonts.googleFonts = false;
});
</script>
Se desideri disabilitare tutti i web font, inclusi Google Fonts e FontAwesome, allora dovresti aggiungere questo snippet di codice:
<script type="text/javascript">
document.addEventListener('om.Scripts.init', function(event) {
event.detail.Scripts.enabled.fonts = false;
});
</script>
Il modo più semplice per aggiungere questi snippet di codice è con WPCode, il plugin per snippet di codice più potente disponibile per WordPress. Ti consente di aggiungere facilmente codice personalizzato a qualsiasi area del tuo sito e, soprattutto, è gratuito.
Innanzitutto, devi installare e attivare il plugin gratuito WPCode. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin di WordPress.
Una volta attivato, devi andare su Snippet di codice » Intestazioni e piè di pagina.
Incolla semplicemente lo snippet di codice nel campo Intestazione e quindi fai clic sul pulsante 'Salva modifiche'.
FAQ: Disabilitare i Google Fonts in WordPress
Ecco alcune domande che i nostri lettori pongono frequentemente riguardo alla disabilitazione dei Google Fonts in WordPress:
Disabilitare i Google Fonts è un bene per la SEO o per le prestazioni?
Disabilitare i Google Fonts può migliorare leggermente le prestazioni del tuo sito riducendo le richieste esterne, specialmente su connessioni più lente o dispositivi mobili. Un sito web più veloce contribuisce generalmente a una migliore SEO.
Tuttavia, l'impatto è solitamente piccolo a meno che il tuo sito non utilizzi molte varianti di font. Se ti concentri sull'ottimizzazione della velocità o sulla conformità GDPR, disabilitarli ha senso.
Disabilitare i Google Fonts romperà il design del mio sito?
Potrebbe cambiare l'aspetto del tuo testo, specialmente se il tuo tema si basa pesantemente su font personalizzati per il suo stile. Ma il tuo sito non si romperà o si bloccherà. Per mantenere un design pulito:
- Sostituisci i Google Fonts con font di sistema web-safe come Arial, Georgia o Helvetica
- Oppure, scarica e ospita i Google Fonts localmente in modo da poter comunque utilizzare la stessa tipografia senza effettuare richieste a Google
In questo modo, mantieni il tuo design migliorando privacy e velocità.
Come posso sapere se il mio tema WordPress sta usando Google Fonts?
Per scoprire se il tuo tema sta caricando Google Fonts, puoi usare strumenti come:
- Strumenti per sviluppatori nel tuo browser (cerca
fonts.googleapis.comnella scheda Network) - GTmetrix, o PageSpeed Insights (controlla l'elenco delle richieste esterne)
- Plugin WordPress come Asset CleanUp o Query Monitor
Se noti una chiamata a fonts.googleapis.com o fonts.gstatic.com, significa che il tuo sito sta caricando i font da Google.
Guide Esperte sui Font in WordPress
Speriamo che questo tutorial ti abbia aiutato a imparare come disabilitare i Google Fonts sul tuo sito WordPress. Potresti anche voler consultare altri articoli relativi ai font in WordPress:
- Come rendere Google Fonts rispettoso della privacy
- Come aggiungere font personalizzati in WordPress
- Come aggiungere i font web di Google nei temi di WordPress nel modo “giusto"
- Come Cambiare i Font nel Tuo Tema WordPress
- Come ospitare font locali in WordPress per un sito web più veloce
- Come cambiare facilmente la dimensione dei font in WordPress
- Come cambiare il colore del testo in WordPress
- I migliori plugin di tipografia per WordPress per migliorare il tuo design
- Come aggiungere una tipografia eccezionale in WordPress con Typekit
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Jiří Vaněk
Grazie per l'ottima analisi su come la tipografia può influire sulla velocità del sito web. All'inizio, ero anche frustrato dal fatto che PageSpeed Insights mi mostrasse una velocità inferiore in parte a causa del caricamento di asset Google (font, reCaptcha, ecc.). Disabilitarli è un'opzione che può aiutare molto. Alla fine ho deciso di caricare i Google Fonts su FTP e caricarli localmente, il che può anche essere un'alternativa. Questo mi ha aiutato con la velocità pur permettendomi di utilizzare i font Google.