Ci sono circa 1000 diversi Google Fonts che possono essere utilizzati gratuitamente. Si tratta di un numero quasi incredibile di scelte. Per integrare il font ideale nel proprio sito web, questa selezione non rende facile per l’utente le cose. Ecco perché abbiamo compilato un elenco dei migliori Google Fonts qui.
Spieghiamo anche il modo migliore per utilizzare Google Fonts in un sito Web WordPress.
Oltre alla decisione estetica nella scelta di un font, ci sono altri criteri da considerare. La tipografia del sito web può avere un’influenza decisiva sulla frequenza di rimbalzo e sul tasso di conversione.
Tuttavia, un altro punto cruciale è il flusso di lettura degli utenti del tuo sito web. Se questo viene influenzato negativamente, ciò ha conseguenze di vasta portata.
Vale la pena investire tempo nella scelta del giusto carattere Google quando si crea un sito web. Scegliere il primo font che arriva non è una buona decisione.
I 10 migliori Google Fonts del 2019 – in base al comportamento generale degli utenti
Secondo uno studio di Google Fonts Analytics, è stato determinato il comportamento generale degli utenti. Con circa 25 trilioni di visualizzazioni di caratteri, Google ha abbastanza dati nelle sue mani per analizzare risultati significativi.
Pronto a saperne di più? Perfetto.
Diamo quindi un’occhiata ai font più popolari e diamo un’occhiata ai nuovi arrivati per il 2020, che sono già cresciuti in popolarità nel 2019.
Roboto
-Serif
Tipi: 12
Visualizza il carattere su Google
Roboto è un font sans-serif di Christian Robertson, sviluppato da Google per il sistema operativo Android. Ora è estremamente popolare, disponibile in diverse varianti ed è quindi classificato più volte in Google Fonts Analytics. Ciò significa che Roboto è il font più popolare da solo, ma anche Roboto Condensed come variante è estremamente popolare ed è classificato al sesto posto, Roboto Slab al 13° posto!
Open Sans
Sans-serif
Tipi: 10
Visualizza il carattere su Google
Open Sans è anche un font sans-serif sviluppato da Steve Matteson. Google utilizza Open Sans su diversi dei suoi siti web, nei suoi annunci stampati e per la pubblicità online.
Lato
Sans-serif
Tipi: 10
Visualizza il carattere su Google
Lato è anche un font sans-serif molto popolare di Lukasz Dziedzic.
Slabo 27px/13px
Serif
Tipologie: 2
Visualizza il carattere su Google
Slabo Serif Font è stato sviluppato da John Hudson di Tiro Typeworks. Questo font è appositamente progettato per una dimensione specifica. O 27px o 13px, a seconda delle esigenze degli utenti.
Oswald
Sans-serif
Tipologie: 6
Visualizza il carattere su Google
Oswald è un font sans-serif sviluppato da Vernon Adams.
Fonte Sans Pro
Sans-serif
Tipi: 12
Visualizza il carattere su Google
Source Sans Pro è un font sans-serif di Paul Hunt. Il font è stato sviluppato per Adobe ed è stato il primo font open source.
Montserrat
Sans-serif
Tipi: 18
Visualizza il carattere su Google
Montserrat è un font sans-serif di Julieta Ulanovsky. Il font ha 18 tipi diversi.
Via di Raleway
Sans-serif
Tipi: 18
Visualizza il carattere su Google
Con i suoi 18 font diversi, Raleway offre una selezione particolarmente ampia. Il font è stato sviluppato da Matt Mclnerney. Esiste un’altra sottospecie punteggiata chiamata Raleway Dots, che viene spesso utilizzata per i titoli.
PT Sans
Sans-serif
Tipologie: 4
Visualizza il carattere su Google
Il font PT Sans è stato sviluppato per le pubblicazioni ufficiali della Federazione Russa. Comprende sia lettere latine che cirilliche. Sono disponibili diverse varianti, oltre alle opzioni “serif”.
Lora
Serif
Tipologie: 4
Visualizza il carattere su Google
Lora è un popolare font serif. Viene spesso utilizzato per il web design e per la stampa.
Font aggiuntivi e font popolari nel 2019 / 2020
I dieci caratteri presentati sopra sono (in ordine) i caratteri più popolari su Google. Ma ci sono anche i grandi scalatori del 2019 e del 2020. Sono ancora poco conosciuti e quindi non ancora così presenti nei dati di analisi.
Quindi ecco i nostri preferiti dei nuovi arrivati:
Noto Sans / Serif
Sans-serif o serif
Tipologie: 4
Visualizza il carattere su Google
Il Font Noto è stato commissionato da Google. Il font è disponibile in serif e anche nella variante sans serif. I nuovi aggiornamenti vengono visualizzati a determinati intervalli. Ora ci sono più di 100 caratteri Noto.
Nunito Sans
Sans-serif
Stili: 14
Visualizza il carattere su Google
Nunito Sans è un’opzione sans serif che sta crescendo in popolarità (il suo utilizzo è triplicato dall’anno 2019).
Concerto Uno
Sans-serif
Tipologie: 1
Visualizza il carattere su Google
Concert One è un font sans serif arrotondato. È particolarmente adatto per i titoli dei giornali.
Sollecito
Sans-serif
Tipi: 18
Visualizza il carattere su Google
Promt è un font sans-serif del designer thailandese Cadson Demak.
Lavoro Sans
Sans-serif
Tipologie: 9
Visualizza il carattere su Google
Work Sans è un font sans serif ottimizzato per la visualizzazione su monitor e per l’uso sul web.
Come vengono combinati i diversi Google Fonts.
Quindi ora hai trovato il font Google giusto? Allora ci congratuliamo con lei. Ora un altro grande compito ti sta aspettando. Ora è il momento di combinare Google Font con altri font sul tuo sito web.
Continuando a leggere, ti spiegheremo quali opzioni hai a disposizione per trovare la migliore combinazione di caratteri.
Il sito web di Google Fonts suggerisce combinazioni popolari. Probabilmente l’hai già visto se hai richiamato i link qui sopra ai singoli font su Google.
https://joewp.com/wp-content/uploads/2019/12/google-font-kombinationen-1.jpg
Ma ci sono anche altri portali dove è possibile ottenere suggerimenti per le combinazioni di caratteri, ad esempio sul sito web di Font Pair.
Le migliori combinazioni per l’utilizzo di Google Fonts con WordPress
Ecco alcuni suggerimenti per l’utilizzo di Google Fonts in WordPress.
Limitare il numero di dimensioni dei caratteri
Alcuni dei font sopra elencati, come Montserrat o Raleway, sono disponibili in 18 diverse dimensioni di font. Questo è perfetto se stai cercando un’ampia selezione. Tuttavia, affinché il tempo di caricamento del sito Web WordPress non sfugga di mano e il sito Web diventi troppo lento, dovresti limitarti ai caratteri assolutamente necessari e utilizzarli solo. Questo è un punto molto importante affinché le prestazioni del tuo sito web non si deteriorino.
Si consiglia di utilizzare non più di un massimo di due dimensioni per la maggior parte dei caratteri:
-Regolare
-Audace
Puoi definirlo tu stesso tramite la scheda “Personalizza” in Google Fonts se desideri utilizzare i tuoi caratteri e non vuoi utilizzare i caratteri preimpostati nel rispettivo tema WordPress.
Se stai utilizzando un tema WordPress professionale (come: Avada o Divi), puoi impostare quali Google Fonts e quali dimensioni devono essere utilizzate.
Un’altra opzione è quella di utilizzare i “font variabili”, che sono molto popolari al momento. Sono supportati da tutti i browser moderni. Si tratta di font che richiedono solo un file di font. Tuttavia, non c’è ancora una grande selezione di loro.
Ospita Google Fonts localmente sul tuo server
Se non desideri caricare Google Fonts dal server di Google, puoi anche ospitarli localmente sul tuo server. Nella maggior parte dei casi, questo porterà anche a migliori prestazioni del tuo sito web. Inoltre, la maggior parte dei Google Fonts è già memorizzata nella cache dei browser degli utenti.
Se hai i tuoi font (non Google Fonts), dovresti assolutamente considerare di caricare questi font tramite il tuo CDN.
Usa caratteri che vengono aggiornati regolarmente
Lo stesso principio si applica ai font come ai plugin e ai temi di WordPress. Gli sviluppatori rilasciano costantemente aggiornamenti e miglioramenti. Questo è il caso della maggior parte dei font presentati qui.
Presta attenzione alla leggibilità dei caratteri utilizzati
Seguendo queste linee guida, i tuoi contenuti saranno accessibili alle persone con disabilità, cecità, ipovisione, sordità, difficoltà di apprendimento, disabilità cognitive, mobilità limitata, disturbi del linguaggio, sensibilità alla luce o una combinazione di quanto sopra. Secondo l’Organizzazione Mondiale della Sanità, ci sono circa 260 milioni di persone con disabilità visive. 40 milioni di persone sono cieche e 220 milioni di persone hanno una disabilità visiva da moderata a molto grave.
Un’altra impostazione molto importante è il contrasto dei colori. I migliori contenuti del tuo sito web non servono a nulla se gli utenti di Internet hanno difficoltà a leggerli e li trovano un peso. Di conseguenza, lasceranno il tuo sito web e di certo non torneranno.
A proposito, il motore di ricerca Google valuta i criteri di cui sopra come fattori di ranking decisivi e la propria posizione nei risultati di ricerca dipende quindi dal rispetto di queste linee guida.
Esistono diversi modi per testare la conformità del tuo sito web a questi criteri. Testiamo i siti web che creiamo tramite la modalità di navigazione in incognito nel browser Chrome con lo strumento “Lighthouse”. In questo caso, è necessario attenersi ai risultati di cui ai punti “Accessibilità” e “Best Practices”. Se nel test vengono suggerite ottimizzazioni, queste dovrebbero essere eseguite sul sito web. Dopodiché, puoi essere certo che Google valuterà positivamente il sito web. A proposito, offriamo queste ottimizzazioni anche con il nostro Performance Module per siti web non creati da noi.
