Tipografia
FRONTEND

Tipografia

La scelta dei font ha un impatto maggiore di quanto si pensi, sia sulle prestazioni che sulla sostenibilità del sito. La soluzione più efficiente è usare i font di sistema, quelli già presenti sul dispositivo dell’utente. Nessun download aggiuntivo, nessuna latenza, nessun rallentamento. Quando però un font personalizzato è necessario per l’identità del brand, è fondamentale ottimizzarlo al massimo. Questo significa usare esclusivamente il formato WOFF2, limitare il numero di varianti come bold e regular a quelle strettamente necessarie, e applicare il subsetting, ovvero eliminare tutti i caratteri che il sito non utilizzerà mai. Meno peso, caricamento più rapido. C’è poi un ultimo aspetto da non trascurare: la leggibilità. Un font chiaro e ben leggibile aiuta gli utenti a trovare le informazioni che cercano più velocemente, riducendo il tempo che trascorrono sulla pagina.

Impatto

●︎ ●︎ ●︎ ○︎ ○︎

Difficoltà

●︎ ○︎ ○︎ ○︎ ○︎

ESEMPIO PRATICO

Di seguito, una guida pratica per caricare font ottimizzati e ridurre l'impatto sulle prestazioni del sito:

@font-face {
font-family: 'Your Font';
src: url('fonts/yourfont.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}

Risultati

Eliminando le varianti non essenziali, sono riuscito a ridurre il peso del codice di circa 62 MB. Questo non solo migliora l'esperienza utente, ma riduce sensibilmente l'energia richiesta dai server per l'invio delle risorse e dai dispositivi per la loro elaborazione.

© 2026 eco.space  |  Privacy  |  Accessibilità  |  Credits