Abbinamento font

Contrasto e armonia sono fondamentali. Usare un font serif o display per i titoli abbinato a un sans-serif per il corpo del testo è generalmente una combinazione vincente.

Sì, tutti i font consigliati sono font open-source gratuiti di Google Fonts. Possono essere usati liberamente sia in progetti personali che commerciali.

A pesare sono i pesi, più che le famiglie. Un file di font sta di solito sui 20-40 KB, quindi due famiglie con due pesi ciascuna arrivano intorno ai 100 KB, cifra del tutto sostenibile. I guai iniziano quando una stessa famiglia viene caricata in sei pesi diversi. Un font variabile copre tutti i pesi da un unico file, e impostare font-display: swap fa comparire il testo subito anche se il font arriva in ritardo.

Nel testo, la leggibilità viene prima del carattere. Cerca un'altezza delle minuscole generosa a 16 px, spaziatura fra le lettere confortevole e forme nettamente distinte per 1, l e I oltre che per 0 e O. Incolla un paragrafo reale del tuo contenuto e leggilo su un portatile e su un telefono: dice molto più di una frase campione. Un carattere caratterizzante può reggere i titoli, ma è quello discreto nel testo che si continua a leggere.