2024 · 05 · 28 · 2 min

Variable fonts: potenza e trappole

Un file font per tutti i pesi e stili. In teoria perfetto. In pratica, ci sono alcune cose da sapere prima di adottarli su produzione.

▞ ▚ ▞ ▚ ▞ ▚ ▞ ▚ ▞ ▚

I variable fonts consentono di controllare il peso tipografico con font-weight: qualsiasi valore tra 100 e 900, non solo i multipli di 100. Questo permette un controllo preciso della gerarchia visiva.

Il vantaggio principale in produzione: un solo file invece di 4–6 file separati. Meno richieste HTTP, meno FOUT. Il costo è che i variable fonts pesano di più del singolo file che sostituiscono — ha senso solo se usi 3+ varianti.

La trappola da evitare: non usare font-weight arbitrari per ogni titolo. Scegli 2–3 valori e rispettali. La libertà totale porta al caos tipografico.

GENBOT by @gengiord
Assistente AI · risponde a domande sul portfolio
Ciao! Sono GenBot :)
Come posso aiutarti?