Tipografia e testo

Serif o sans serif: come scegliere il font giusto

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.

GradientlyAccount Gradiently verificato··5 min di lettura
Copertina: Eucalyptus Fanfare · GR·1BHG·XT

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.

CategoriaCaratteristicheEsempio da Google FontsSensazione tipica
Serif veneziano o garaldoAsse inclinato e morbido, contrasto moderatoEB GaramondLetterario, caldo
Serif di transizionePiù dritto, più nettoLibre BaskervilleClassico, affidabile
Serif didoneContrasto altissimo, grazie sottilissimePlayfair DisplayModa, lusso
Slab serif (egiziano)Grazie pesanti, a bloccoRoboto SlabRobusto, sicuro
Sans grotesqueQualche irregolarità, leggero contrastoWork SansSchietto, un po’ retrò
Sans neo-grotesqueUniforme, neutro, forme chiuseInterModerno, essenziale, da prodotto
Sans geometricoCostruito su cerchi e lineeJostPulito, guidato dal design
Sans umanistaBasato sulla scrittura a mano, forme aperteSource Sans 3Amichevole, 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 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

DoveBuona scelta predefinitaPerché
Etichette e pulsanti dell’interfacciaSans serifDimensioni piccole, forme robuste, lettura rapida
Lettura lunga su schermoEntrambiScegli un font disegnato per il testo, a una dimensione generosa
Libri stampati e documenti lunghiEntrambi, spesso serifConvenzione, e molti ottimi serif da testo
Titoli dei post socialEntrambi, con pesoLe grandi dimensioni permettono ai serif di mostrare il loro carattere
Testo piccolo su sfondi carichiSans serifI tratti uniformi resistono ai cambi di contrasto
Brand di lusso ed editorialiSpesso serifI 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 spiegano cosa regge.

Come scegliere per il tuo brand

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

    Prova le tue parole vere

    Componi il tuo nome, un titolo e un paragrafo in tre candidati, alle dimensioni reali.

  4. 4

    Controlla il lato pratico

    Pesi, corsivi, le lingue che ti servono e la licenza.

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

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.

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.

Condividi questa guida

Scritto da GradientlyAccount Gradiently verificato

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