Design system
Migliori font gratuiti per interfacce nel 2026 (173 componenti)
Sei font OFL confrontati su x-height, cifre tabellari e pesi, con 173 componenti typography e 13 variable font nel catalogo al 1 novembre 2026.
In sintesi
- 173 componenti nella categoria Typography, 126 monospace e 13 variable font al 1 novembre 2026.
- Inter, Geist, IBM Plex Sans, JetBrains Mono, Atkinson Hyperlegible e Public Sans sono tutti SIL OFL 1.1.
- Un variable font conviene solo se usi almeno tre pesi della stessa famiglia.
Il font giusto per un'interfaccia si sceglie su tre misure: altezza della x, larghezza media e numero di pesi. Nel catalogo EneUI la categoria Typography conta 173 componenti al 1 novembre 2026, con 126 monospace e 13 variable font in categorie separate.
Sei font gratuiti che reggono un'interfaccia
| Font | Licenza | Pesi | Perché funziona |
|---|---|---|---|
| Inter | SIL OFL 1.1 | 9 pesi, variabile | x-height alta, cifre tabellari, leggibile a 14px |
| Geist | SIL OFL 1.1 | Variabile | sans neutra, disegnata per lo schermo |
| IBM Plex Sans | SIL OFL 1.1 | 7 pesi | si abbina a Plex Mono per numeri e log |
| JetBrains Mono | SIL OFL 1.1 | Variabile | monospace leggibile anche a 12px |
| Atkinson Hyperlegible | SIL OFL 1.1 | 2 pesi più corsivi | disambigua I, l e 1 per l'accessibilità |
| Public Sans | SIL OFL 1.1 | 9 pesi | neutra, pensata per interfacce pubbliche |
Tre misure prima di adottarlo
- Confronta l'altezza della x a 14px: due font con lo stesso corpo non hanno la stessa leggibilità.
- Controlla le cifre tabellari: senza, ogni tabella balla quando i numeri cambiano.
- Conta i pesi: ogni peso in più è un file in più da scaricare.
- Prova il font al 200% di zoom prima di dichiarare finito il contrasto.
Variable font: quando conviene davvero
Un variable font sostituisce tre o quattro file con uno solo, ma il file completo pesa più di un singolo peso statico. Conviene se usi almeno tre pesi della stessa famiglia; se ne usi uno, il file statico resta più leggero. Il catalogo ne conta 13 su 111.985 componenti, quindi è una scelta di nicchia ben identificata.
Il comando per vedere i componenti che usano un font
curl "https://ui.eneawork.it/api/vault/items?q=font&limit=5"Il limite
Il catalogo misura i componenti, non i font: i 173 record di Typography non dichiarano la famiglia usata, quindi da qui non ricavi quale font vince in un test. La licenza OFL permette l'uso commerciale, ma non obbliga nessuno a mantenere il font o a correggerne i difetti.
Dove continuare
Guarda i 173 componenti typography, i 126 monospace e i 13 variable font per vedere come cambia la resa a schermo. Il contrasto si misura in palette e contrasto misurato, il tema scuro in dark mode senza secondo design system e gli stati accessibili in checklist di componenti React accessibili. Per il confronto tra sistemi di stile che portano i font con sé, vedi shadcn/ui vs Tailwind UI.
Domande frequenti
Qual è il miglior font gratuito per un'interfaccia?
Inter se ti servono nove pesi e cifre tabellari; Geist se vuoi una variabile unica e neutra.
Un font OFL si può usare in un prodotto commerciale?
Sì, la SIL Open Font License 1.1 permette l'uso commerciale e la ridistribuzione dentro un prodotto.
Meglio un variable font o tre file statici?
Variable se usi almeno tre pesi della stessa famiglia, statico se ne usi uno solo.
Quanti componenti typography ci sono nel catalogo?
173 nella categoria Typography al 1 novembre 2026, più 126 monospace e 13 variable font.
Il font risolve i problemi di contrasto?
No, il contrasto dipende da colore e peso: il font cambia la leggibilità, non il rapporto tra i colori.