quanti font dovrebbe avere un sito web? la risposta bifamiliare, fatta come si deve

design · Oct 6, 2026 · 5 min read

uno o due. questa è tutta la risposta, e il resto di questo post riguarda il farlo correttamente, perché l'errore interessante non sono i "sette caratteri" — è l'abbinamento di due caratteri scelto male, o l'unico carattere i cui file di peso costano tranquillamente secondi.

perché il soffitto è due

ogni carattere tipografico sulla pagina è una voce. una voce, usata per pesi e dimensioni, viene letta come intenzionale, come una persona che parla con il proprio tono ovunque. ogni voce in più solleva la domanda "perché questo suona diverso?", e i visitatori avvertono l'incoerenza prima di poterla nominare. la pagina con più caratteri è la cugina tipografica della pagina con troppi colori e si trova nella stessa lista di tell in what makes a website look cheap.

la pagina dei professionisti che ammiri probabilmente utilizza una famiglia. la sua ricchezza deriva dai pesi – normale, medio, grassetto – e dalla scala: tre o quattro dimensioni del testo, utilizzate in modo coerente. varietà di gerarchia, uniformità di famiglia.

##lo schema bifamiliare, se si prende il secondo

la classica suddivisione che funziona: un carattere visualizzato per i titoli, un cavallo di battaglia per tutto il resto. il carattere visualizzato ha personalità; il martello trasporta paragrafi, moduli e pulsanti. le regole di abbinamento che impediscono che vada storto:

• contrasto su un asse. scegli una visualizzazione serif su un corpo sans o una visualizzazione geometrica su un corpo umanista: caratteri che differiscono chiaramente. due caratteri che quasi corrispondono vengono letti come un errore, non come una scelta.

• il cavallo di battaglia deve effettivamente funzionare. i titoli appaiono in dozzine di dimensioni; il corpo del testo trasporta centinaia di parole sullo schermo. prova il carattere del corpo a piccole dimensioni su un telefono prima di impegnarti per la sua personalità.

• il terzo carattere necessita di un lavoro. occasionalmente un mono per il codice, uno script per un elemento di firma. si tratta di un ruolo con un nome e un posto in cui apparire: nel momento in cui il carattere "speciale" appare in tre posti, è una decorazione e dovrebbe sparire.

  il costo che nessuno ti cita: file di font

ecco la parte che rende la scelta del carattere una decisione prestazionale, non solo estetica. ogni peso del carattere caricato è un file che il browser del visitatore deve scaricare prima che il testo appaia corretto. una famiglia usata a quattro pesi è di quattro file; due famiglie a tre pesi ciascuna fanno sei. e il testo è visibile alla prima verniciatura, quindi i file dei caratteri si trovano direttamente sul percorso di caricamento misurato da core web vitals: il carattere lento si presenta come testo invisibile che si scambia in ritardo, cosa che i visitatori percepiscono come stupida.

le regole che lo tengono fermo: di solito bastano due pesi (normale, grassetto); carica solo i caratteri che ti servono (sottoinsieme); e preferire formati moderni. uno dei vantaggi più silenziosi in termini di velocità nella maggior parte dei siti è semplicemente l'eliminazione dei tre pesi che nessuno riesce comunque a distinguere.

##come scegliere senza designer

• rimani con il font di sistema. sinceramente sottovalutato: il font nativo del dispositivo del visitatore si carica istantaneamente, si legge perfettamente e costa zero. questo sito utilizza un display personalizzato ma il sistema si impila per gran parte del lavoro: il mix è intenzionale.

• Se scegli la personalizzazione, scegli una famiglia con molti pesi e usali al posto di una seconda famiglia. un carattere variabile può contenere ogni peso in un singolo file, il che è il migliore di entrambi.

• ruba l'abbinamento, non il sito. quando vedi un sito di cui ammiri il tipo, controllalo: caratteri utilizzati, quanti pesi, quale carattere ha i titoli. il mimetismo della struttura è il modo in cui viene addestrato il gusto.

  FAQ: le domande che effettivamente ricevo

i caratteri predefiniti del modello sono scadenti?

sono sicuri e abusati, il che è una vera lamentela, dal momento che assomigliare a qualsiasi altro sito è un problema tutto suo. ma cambiare solo il carattere dell'intestazione, mantenendo il corpo, trasforma la sensazione di un'ora di lavoro.

posso utilizzare il carattere del mio logo sul sito?

spesso, male: i caratteri del logo sono disegni di visualizzazione con set di caratteri minuscoli. se ha un alfabeto completo con pesi leggibili, usalo solo per i titoli. mai per il corpo del testo.

devo pagare per i caratteri?

molte famiglie eccellenti sono gratuite (google fonts concede in licenza tutto per l'uso sul web). i caratteri a pagamento acquistano carattere distintivo, non qualità: paga quando tutte le opzioni gratuite sembrano prese, non come predefinite.