{"id":7045,"date":"2021-09-07T07:00:44","date_gmt":"2021-09-07T05:00:44","guid":{"rendered":"https:\/\/isartidelweb.it\/?p=7045"},"modified":"2025-07-09T14:56:43","modified_gmt":"2025-07-09T12:56:43","slug":"come-scegliere-i-font-perfetti-per-il-tuo-sito-parte-2","status":"publish","type":"post","link":"https:\/\/sartoteca.it\/blog\/2021\/09\/07\/come-scegliere-i-font-perfetti-per-il-tuo-sito-parte-2\/","title":{"rendered":"Come scegliere i font perfetti per il tuo sito \u2013 Parte 2"},"content":{"rendered":"

Ciao e bentornata\/o sulla rubrica del Fabbro.<\/p>\n

Attenzione:<\/strong> questa \u00e8 la parte conclusiva di un articolo precedente. Fai click qui<\/a> per leggere la parte introduttiva se te la sei persa!<\/p>\n

La scorsa settimana abbiamo parlato su queste pagine dell’importanza dei font. Ti ho spiegato le differenze tra font Serif e Sans Serif e in quali casi \u00e8 meglio utilizzare uno o l’altro.<\/p>\n

L’obiettivo di oggi \u00e8 fornirti un metodo rapido e sicuro per selezionare delle combinazioni di font vincenti.<\/strong>
\nTi indicher\u00f2 dei siti web affidabili su cui poter ricercare e scaricare i font e, infine – ma pi\u00f9 importante – ti mostrer\u00f2 come inserirli sul tuo sito WordPress.<\/p>\n

Ma prima ti chiedo: hai fatto i compiti che ti avevo assegnato? Se s\u00ec sono convinto che adesso il tuo modo di osservare i siti web \u00e8 cambiato e non torner\u00e0 pi\u00f9 come prima. Questo \u00e8 un bene e far\u00e0 s\u00ec che da questo momento in poi sceglierai sempre con cura i font per i tuoi siti web.
\nNon hai fatto l’esercizio che ti avevo assegnato? Don’t panic, tivvib\u00ec lo stesso, per\u00f2 recuperalo perch\u00e9 \u00e8 importante.<\/p>\n

Fine del preambolo. Sei pronta\/o? Afferra una tazza del tuo caff\u00e8 preferito e… partiamo!<\/p>\n

\"caff\u00e8\"<\/p>\n

Qual \u00e8 il metodo pi\u00f9 veloce per selezionare i font giusti?<\/h2>\n

In realt\u00e0 questa domanda nasconde un tranello. Non dovresti mai scegliere velocemente i font<\/strong> per il tuo sito, a meno che tu non sia un esperto e abbia un livello di consapevolezza molto alto in materia.<\/p>\n

Come ti avevo gi\u00e0 accennato nella prima parte dell’articolo, devi dedicare la massima cura ai font<\/strong> del tuo sito e trattarli a tutti gli effetti come un elemento grafico.<\/p>\n

Per\u00f2 mi rendo conto che, a volte, pu\u00f2 essere comodo realizzare la bozza di un sito con una combinazione di font gi\u00e0 collaudata e “funzionante”. Grazie a questo metodo, puoi cambiare combinazioni di font rapidamente e trovare uno stile su cui orientarti.<\/strong> Sar\u00e0 poi pi\u00f9 facile prendere una decisione definitiva dopo qualche ora di esperimenti.<\/p>\n

\u00c8 per questo che ti consiglio subito di dare un’occhiata al sito Fontpair<\/a>.
\nSu Fontpair hai a disposizione migliaia di combinazioni di font<\/strong> tra cui poter scegliere.
\nTutte queste combinazioni funzionano e molte le ho gi\u00e0 provate personalmente, perci\u00f2 sentiti libero e sicuro di utilizzarle.
\nTutti i font che trovi su Fontpair sono Google Fonts.
\nMa questo cosa significa? Tranquilla\/o perch\u00e9 ci arriveremo.<\/p>\n

Oltre a Fontpair esistono altri siti<\/strong> da cui puoi prendere ispirazione per la scelta dei font.
\nGoogle Type<\/strong><\/a> \u00e8 uno di questi.<\/strong> \u00c8 molto simile a Fontpair, per\u00f2 \u00e8 visivamente pi\u00f9 accattivante.
\nQuando atterri sul sito puoi scorrere in basso e visualizzare diverse schermate con titolo e paragrafi su sfondo colorato.<\/p>\n

In cima ad ogni schermata trovi i nomi dei font utilizzati (osserva lo screenshot in basso: i font utilizzati in questo riquadro sono Playfair Display e Fauna One):<\/p>\n

\"google<\/p>\n

Di recente invece ho scoperto un altro sito ancora che mi ha letteralmente fatto impazzire.
\nIl suo nome \u00e8 Mixfont<\/strong><\/a> e utilizzarlo non \u00e8 soltanto utile, ma soprattutto divertente!<\/strong><\/p>\n

Non ci credi? Collegati subito sul sito e fai click sul bottone “Start the Generator!”
\nVerrai re-indirizzato su una pagina che ti mostra una combinazione casuale di font. Scorrendo la pagina pi\u00f9 in basso, noterai che ci sono anche altri elementi (box di testo e finte schermate di app) che puoi osservare per valutare meglio l’accostamento tra i due font.<\/p>\n

Se la pagina che stai navigando non ti piace, prova a schiacciare il tasto “spazio” sulla tua tastiera.<\/p>\n

Et voil\u00e0! In un secondo verrai re-indirizzato su un’altra pagina contenente al suo interno una combinazione di font diversa.<\/strong><\/p>\n

Divertente, vero? Per invertire l’utilizzo dei font (cio\u00e8 per scambiare il font dei titoli con quello dei paragrafi) fai click sulla voce in alto a destra “Swap”. Osserva lo screenshot in basso se non la trovi:<\/p>\n

\"mixfont<\/p>\n

Questi 3 siti web di cui ti ho appena parlato sono comodi perch\u00e9 ti permettono di scegliere tra migliaia di combinazioni di font in modo rapido e sicuro.<\/strong><\/p>\n

Ma scommetto che adesso nella tua testa si sta formando una domanda:
\n“Tutto molto bello, Fabbro. Per\u00f2 come faccio a scaricare questi font e ad usarli sul mio sito web?”<\/em><\/p>\n

Ottima domanda. Per semplificare, dividiamola in due domande e iniziamo rispondendo a:<\/p>\n

Dove posso scaricare i font migliori per il mio sito?<\/h2>\n

Il web \u00e8 pieno zeppo di siti da cui puoi scaricare font, ma non \u00e8 tutto oro ci\u00f2 che luccica.<\/p>\n

Infatti molti dovresti evitarli perch\u00e9 contengono tanta pubblicit\u00e0 e ti aprono popup e schede strane sul pc.<\/p>\n

I 3 che ti indicher\u00f2 invece sono affidabili e dentro ci trovi tutti i font di cui hai bisogno.<\/p>\n

Partiamo dal numero 1 che \u00e8 Google Fonts.<\/p>\n

Google Fonts<\/a> \u00e8 una libreria di font che puoi utilizzare gratuitamente per tutti i tuoi siti web.<\/p>\n

Collegati al sito, scrivi il nome del font di cui hai bisogno e fai click sul relativo box di testo che ti comparir\u00e0 in basso (osserva lo screenshot):<\/p>\n

\"ricerca<\/p>\n

Verrai re-indirizzato su un’altra schermata su cui dovrai cliccare il bottone in alto a destra “Download family”. Per family si intende tutta la famiglia del font, ovvero la versione Bold (usata per il grassetto), la Italic (per il corsivo) e tante altre.<\/p>\n

“Ok Fabbro, ma a cosa servono tutte le altre versioni tipo medium e light?”<\/em><\/p>\n

Ottima domanda. Intendo approfondire la tematica pi\u00f9 avanti nell’articolo perch\u00e9 qui andremmo fuori tema. Per ora pensa questo: pi\u00f9 ne hai e meglio \u00e8 perch\u00e9 ci\u00f2 ti offre pi\u00f9 libert\u00e0 di personalizzazione.<\/strong><\/p>\n

\"font<\/p>\n

DaFont<\/a> \u00e8 un altro sito simile a Google Fonts e ti consente di filtrare la ricerca in modo dettagliato. Le categorie di font presenti sono tantissime e diverse tra loro: Fantasia, Stranieri, Techno, Bitmap, Gotici, Basico, Script, Simboli e Vacanze.<\/p>\n

Fai click sul font che ti ispira e poi, all’interno della schermata seguente, su “Scarica”. Prima di scaricare il font, per\u00f2, scorri in basso e guarda se nel font sono presenti caratteri accentati e apostrofi.<\/p>\n

\"schermata<\/p>\n

Il motivo per cui personalmente preferisco Google Fonts \u00e8 che raramente incappo in font senza accenti e apostrofi.<\/p>\n

Se scarichi un font senza caratteri accentati e lo usi sul tuo sito, quando scrivi “perch\u00e9”, l’utente visualizza “perch[]”. Quindi mi raccomando: usa DaFont per scaricare tutti i font che vuoi, ma accertati che siano completi.<\/strong><\/p>\n

L’ultimo sito di cui voglio parlarti \u00e8 Font Squirrel<\/a>.<\/strong> Questo sito \u00e8 pi\u00f9 simile a DaFont che a Google Fonts, per\u00f2 la differenza \u00e8 che puoi trovare anche font a pagamento.<\/strong><\/p>\n

Anche qui vale lo stesso discorso di DaFont per quanto riguarda caratteri accentati e apostrofi, per\u00f2 per capire se un font ne \u00e8 sprovvisto devi fare un’altra operazione.<\/p>\n

Collegati al sito, fai click su un font qualsiasi e poi spostati alla voce “Glyphs”. Qui dentro puoi osservare tutti i caratteri del font e scoprire se accenti e apostrofi sono presenti.<\/p>\n

\"schermata<\/p>\n

Adesso che sai dove trovare tutti i font di cui hai bisogno non mi resta che spiegarti come utilizzarli sul tuo sito.<\/p>\n

Come installare i font sul sito<\/h2>\n

I modi per installare font sul tuo sito sono diversi in base al tema che utilizzi.<\/p>\n

Di solito, comunque, i temi WordPress decenti hanno gi\u00e0 al loro interno tutti i font di Google Fonts.<\/strong><\/p>\n

Proprio cos\u00ec.<\/p>\n

Se vuoi utilizzare uno dei font di Google Fonts e il tuo tema ti offre questa possibilit\u00e0, non devi installarli.<\/p>\n

Di solito devi andare nelle impostazioni del tema e selezionare da un men\u00f9 a tendina i font che vuoi usare.<\/p>\n

Se non trovi questa opzione o pensi che non esista sul tuo tema, segnalamelo nei commenti, sapr\u00f2 come aiutarti.<\/p>\n

E se i font che vuoi utilizzare non sono presenti su Google Fonts?<\/strong> In quel caso esistono due soluzioni:<\/p>\n