La maggior parte degli imprenditori chiede pareri su logo, colori e immagini quando commissiona un sito web. Pochissimi si interrogano sulla tipografia. È un’occasione persa, perché la tipografia fa più lavoro visivo su un sito di qualsiasi altro singolo elemento. La scelta dei caratteri, delle dimensioni e delle spaziature decide se un sito sembra costoso, curato e affidabile, oppure amatoriale e “da template”.
Una buona tipografia è invisibile. Anche una cattiva tipografia è invisibile all’occhio distratto, ma lascia trapelare la sensazione che «questo brand non sia del tutto coeso», abbassando la qualità percepita senza che nessuno sappia spiegare perché. Ecco come appare davvero una buona tipografia web, e come arrivarci senza diventare designer.
Due caratteri, non cinque
L’errore da dilettante sulla maggior parte dei siti è usare troppi font: un titolo con grazie, un corpo del testo senza grazie, un corsivo calligrafico per il logo, un corsivo per le citazioni e un font a parte per i pulsanti. Il risultato sembra un campionario tipografico anziché un brand.
Lo standard professionale sono due caratteri: uno per i titoli (più caratterizzato, definisce la personalità del brand) e uno per il corpo del testo (un cavallo da lavoro che si legge bene alle piccole dimensioni). A volte un terzo per usi molto specifici come tabelle di dati o codice. Tutto ciò che va oltre richiede una buona ragione.
Con grazie o senza grazie non è la domanda
La vecchia regola secondo cui i caratteri con grazie sono formali e quelli senza grazie moderni è superata. Nel 2026 un carattere con grazie ben impostato può sembrare più contemporaneo di uno senza grazie mal impostato, e viceversa. Le vere domande sono: questo carattere ha abbastanza pesi per ogni caso d’uso (come minimo regular, bold, light, corsivo)? Si renderizza bene alle dimensioni usate dal design? È adatto al tono del brand?
Il Sydney Morning Herald usa caratteri con grazie e trasmette autorevolezza. Stripe usa caratteri senza grazie e trasmette precisione. Entrambi sembrano costosi. La scelta tra con grazie e senza grazie conta meno della scelta di un carattere progettato con cura.
Dimensione e gerarchia
Un buon sistema tipografico ha una scala chiara. Una tipica scala modulare per un sito aziendale potrebbe essere: 12px (didascalie), 16px (corpo), 18px (paragrafi di apertura), 24px (H3), 32px (H2), 48px (H1), 64px (titolo hero). Ogni passo è un multiplo deliberato di quello sottostante.
I siti che scelgono le dimensioni a caso («questo titolo deve essere un po’ più piccolo», «questo un po’ più grande») finiscono con undici dimensioni diverse su tutto il sito e nessun ritmo visivo. Fissa la scala presto, poi resisti alla tentazione di inventare nuove dimensioni.
L’interlinea conta più di quanto pensi
Lo spazio tra le righe di testo (line-height in CSS) è uno dei fattori più sottovalutati della tipografia. Un corpo del testo con interlinea da 1,5 a 1,7 risulta rilassato e facile da leggere. A 1,2 risulta compresso e amatoriale. I titoli spesso vogliono un’interlinea più stretta (da 1,1 a 1,2) per apparire solidi.
La maggior parte dei temi WordPress standard viene fornita con un’interlinea di 1,5 che non viene mai regolata. Il miglioramento che si ottiene dedicando mezz’ora a regolare le interlinee su tutto il sito è costantemente visibile.
La giustezza: la lunghezza di una riga
La lunghezza di riga ottimale per la lettura è tra i 50 e i 75 caratteri. Più larga, e l’occhio perde di vista su quale riga si trova. Più stretta, e il ritmo diventa spezzettato.
Su un tipico sito WordPress, la colonna dei contenuti dovrebbe essere larga all’incirca tra 680 e 780 pixel per una lettura comoda. I siti che lasciano il testo allungarsi per tutta la larghezza di un monitor desktop peggiorano, senza volerlo, l’esperienza di lettura.
Font gratuiti che sembrano costosi
I font di qualità non sono più una questione di budget. Google Fonts e Bunny Fonts ospitano gratis migliaia di caratteri. Alcuni che si abbinano particolarmente bene per i siti aziendali nel 2026: Inter (un senza grazie moderno e pulito), Manrope (un senza grazie un po’ più caratterizzato), Source Serif 4 (un ottimo carattere con grazie da testo), Fraunces (un carattere da display con grazie ad alto contrasto) e IBM Plex (un’intera famiglia che si mescola bene).
Non ti servono font a pagamento per sembrare costoso. Ti serve un carattere scelto con cura e applicato con coerenza.
Dove la maggior parte dei siti fallisce
Il fallimento tipografico più comune su un sito aziendale è ereditare gli stili predefiniti del tema e non cambiarli mai. Il tema ha scelto un font generico, impostato un’interlinea generica e usa un solo peso ovunque. Il sito è tecnicamente funzionale — e sembra anche indistinguibile da altri mille siti che usano lo stesso tema.
La soluzione è una passata tipografica di un giorno: scegli due caratteri, fissa una scala di dimensioni, imposta le interlinee con cura, limita la giustezza del corpo e applica le modifiche con coerenza. Il team di web design di Defyn svolge questo tipo di passata tipografica nell’ambito della maggior parte dei restyling, e il salto di qualità percepita è di solito visibile entro il primo giorno di lavoro.
La tipografia è l’investimento di brand più silenzioso che un’azienda possa fare. È anche uno di quelli a più alto ritorno. Falla bene una volta, e ogni pagina che pubblicherai nei prossimi tre anni sembrerà curata.
