# Serif o sans serif: come scegliere il font giusto

[Canonical HTML page](https://gradiently.design/it/guide/serif-vs-sans-serif)

La vecchia regola diceva serif per la stampa e sans serif per gli schermi. Gli schermi sono cambiati, la regola no. Ecco cosa conta davvero quando scegli.

## The short version

- 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.

**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 |

Le principali famiglie di ciascun lato, con un esempio gratuito per ognuna. Conoscere la categoria aiuta più che sapere solo serif o sans.

## 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](https://gradiently.design/it/guide/typography-basics) 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 |

Scelte predefinite, non regole. Il disegno del font conta più della sua categoria.

Sui telefoni, le parti sottili dei serif ad alto contrasto possono sparire a piccole dimensioni. I [font per i social media](https://gradiently.design/it/guide/fonts-for-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](https://gradiently.design/it/guide/brand-personality) 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](https://gradiently.design/it/guide/font-pairing) 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:

```css
.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;
}
```

Sequenze di font di sistema per serif e sans serif. Ogni browser usa il primo font che ha, finendo con la famiglia generica.

Per la scelta più ampia, comprese licenze e lingue, leggi [i font del brand](https://gradiently.design/it/guide/brand-fonts).

## FAQ

### 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.