In breve
- I font serif hanno piccoli tratti terminali, le grazie, alle estremità delle lettere, mentre i font sans serif non li hanno.
- Nessuno dei due stili è in modo affidabile più leggibile dell’altro; contano di più il disegno del singolo font, la sua dimensione, la spaziatura e le proporzioni.
- La regola serif per la stampa e sans serif per gli schermi nasce dai display a bassa risoluzione, e gli schermi moderni ad alta densità rendono bene entrambi.
- I serif tendono a leggersi come tradizionali, letterari o raffinati, e i sans serif come moderni, diretti o neutri, ma queste associazioni dipendono dal singolo font.
- Molti design riusciti usano entrambi: un serif per i titoli e un sans serif per il testo, o il contrario.
In questa pagina
Serif o sans serif è una scelta di voce più che di leggibilità. I font serif hanno piccoli tratti terminali, chiamati grazie, alle estremità delle lettere; i font sans serif (sans in francese significa senza) non li hanno. Nessuno dei due è in modo affidabile più facile da leggere. Scegli in base a ciò che il testo deve dire, a dove verrà letto e a quale dimensione, e ricorda che puoi usarli entrambi.
Qual è davvero la differenza
Guarda le estremità dei tratti in una T maiuscola o in una i minuscola. In un font serif, ogni tratto termina con un piccolo piede o raccordo. In un sans serif, si ferma e basta. I font serif hanno spesso anche più contrasto tra tratti spessi e sottili, mentre molti sans serif hanno tratti di spessore quasi uniforme. Ciascun lato è una famiglia di stili, non un unico aspetto.
| Categoria | Caratteristiche | Esempio da Google Fonts | Sensazione tipica |
|---|---|---|---|
| Serif veneziano o garaldo | Asse inclinato e morbido, contrasto moderato | EB Garamond | Letterario, caldo |
| Serif di transizione | Più dritto, più netto | Libre Baskerville | Classico, affidabile |
| Serif didone | Contrasto altissimo, grazie sottilissime | Playfair Display | Moda, lusso |
| Slab serif (egiziano) | Grazie pesanti, a blocco | Roboto Slab | Robusto, sicuro |
| Sans grotesque | Qualche irregolarità, leggero contrasto | Work Sans | Schietto, un po’ retrò |
| Sans neo-grotesque | Uniforme, neutro, forme chiuse | Inter | Moderno, essenziale, da prodotto |
| Sans geometrico | Costruito su cerchi e linee | Jost | Pulito, guidato dal design |
| Sans umanista | Basato sulla scrittura a mano, forme aperte | Source Sans 3 | Amichevole, leggibile |
Una storia molto breve
Le lettere con grazie risalgono alle capitali romane e a secoli di stampa, ed è per questo che i serif portano ancora un senso di tradizione e di libro. I font sans serif per la stampa comparvero all’inizio dell’Ottocento e all’inizio si usavano soprattutto per manifesti e titoli. Nel Novecento i designer modernisti e svizzeri fecero dei sans serif la voce della chiarezza e della neutralità. Sui primi schermi dei computer, con pochi pixel per lettera, le grazie sottili si spezzavano, così i sans serif diventarono lo standard per le interfacce, e font come Verdana e Georgia furono disegnati apposta per funzionare su quegli schermi.
Leggibilità: il mito e ciò che conta davvero
Leggerai ancora che i serif sono più facili da leggere in stampa perché guidano l’occhio lungo la riga, e che i sans serif sono più facili sugli schermi. Nessuna delle due affermazioni regge come regola generale. Il consiglio sugli schermi riguardava la bassa risoluzione; gli schermi ad alta densità di telefoni e portatili di oggi rendono i serif in modo pulito. Ciò che rende davvero leggibile un testo è il disegno del singolo font e il modo in cui è composto.
Conta meno di quanto pensi
- Se il font ha le grazie
- La regola serif per la stampa, sans per lo schermo
- Quale stile è di moda quest’anno
Conta di più
- Un’altezza della x generosa e forme delle lettere aperte
- Dimensione, interlinea e lunghezza della riga
- Tratti robusti a piccole dimensioni, niente filetti sottilissimi
- Differenze chiare tra lettere simili, come I, l e 1
Dimensione e spaziatura sono le leve più grandi, e valgono allo stesso modo per entrambi gli stili. Le basi della tipografia danno valori predefiniti sensati per ciascuna.
Cosa tendono a comunicare serif e sans serif
I caratteri portano con sé associazioni, imparate dai luoghi in cui li abbiamo già visti. Sono tendenze, non regole, e un font specifico può andare contro la sua categoria: un serif giocoso o un sans formale sono del tutto possibili.
Il serif tende a dire
- Tradizione, storia, artigianalità
- Editoriale, letterario, ponderato
- Raffinatezza, soprattutto con un contrasto alto
- Calore, con le forme più morbide dei serif antichi
Il sans serif tende a dire
- Moderno, diretto, efficiente
- Neutro, da prodotto, tecnico
- Amichevole, con forme arrotondate o umaniste
- Deciso e rumoroso, nei pesi più pesanti
Serif o sans serif per schermi, stampa e social
| Dove | Buona scelta predefinita | Perché |
|---|---|---|
| Etichette e pulsanti dell’interfaccia | Sans serif | Dimensioni piccole, forme robuste, lettura rapida |
| Lettura lunga su schermo | Entrambi | Scegli un font disegnato per il testo, a una dimensione generosa |
| Libri stampati e documenti lunghi | Entrambi, spesso serif | Convenzione, e molti ottimi serif da testo |
| Titoli dei post social | Entrambi, con peso | Le grandi dimensioni permettono ai serif di mostrare il loro carattere |
| Testo piccolo su sfondi carichi | Sans serif | I tratti uniformi resistono ai cambi di contrasto |
| Brand di lusso ed editoriali | Spesso serif | I serif ad alto contrasto comunicano raffinatezza |
Sui telefoni, le parti sottili dei serif ad alto contrasto possono sparire a piccole dimensioni. I font per i social media spiegano cosa regge.
Come scegliere per il tuo brand
- 1
Dai un nome alla voce
Scrivi tre parole su come deve suonare il tuo brand, come calmo, preciso, caldo. La personalità del brand aiuta.
- 2
Seleziona per categoria, non per stile
Caldo e letterario porta ai serif antichi o ai sans umanisti; preciso e moderno ai neo-grotesque o ai serif di transizione.
- 3
Prova le tue parole vere
Componi il tuo nome, un titolo e un paragrafo in tre candidati, alle dimensioni reali.
- 4
Controlla il lato pratico
Pesi, corsivi, le lingue che ti servono e la licenza.
- 5
Valuta di usarli entrambi
Un serif per i titoli e un sans per il testo, o il contrario, ti dà più gamma. L’abbinamento dei font mostra come.
Sul web puoi anche contare sui font già presenti sui dispositivi delle persone. Queste sequenze ti danno un buon serif o sans serif senza download:
.serif {
font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}
.sans {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}Per la scelta più ampia, comprese licenze e lingue, leggi i font del brand.
Le domande più frequenti
Che differenza c’è tra serif e sans serif?
I font serif hanno piccoli tratti terminali alle estremità delle lettere; i font sans serif non li hanno.
È più facile da leggere un serif o un sans serif?
Nessuno dei due in modo affidabile. La leggibilità dipende più dal disegno del singolo font, dalla sua dimensione, dall’interlinea e dalla lunghezza della riga.
Su un sito web devo usare un serif o un sans serif?
Entrambi funzionano sugli schermi moderni. I sans serif sono una scelta sicura per il testo dell’interfaccia; i serif disegnati per il testo funzionano bene per la lettura lunga a una dimensione generosa.
Posso usare serif e sans serif insieme?
Sì. Un serif per i titoli con un sans serif per il testo, o il contrario, è uno degli abbinamenti di font più affidabili.
Scritto da Gradiently
Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.
Vedi il nostro profilo


