# Font Sans Serif puliti per le interfacce delle app

> Famiglie Sans Serif con licenza aperta che restano chiare in pulsanti, menu, tabelle e schermate delle impostazioni, con i pesi che serve a un’interfaccia.

Un’interfaccia chiede al carattere più di quanto faccia un titolo. Quasi tutto il testo è breve e piccolo: etichette a 12 o 13 pixel, celle di tabella, righe di aiuto sotto un campo. A queste dimensioni contano le aperture larghe in lettere come a, e e s, un’altezza della x generosa e cifre facili da distinguere. In un campo password una I maiuscola, una l minuscola e il numero 1 non dovrebbero somigliarsi.

L’escursione dei pesi conta quasi altrettanto. Di solito un prodotto ha bisogno di un Regular per il testo corrente, di un Medium o SemiBold per i pulsanti e di un Bold per l’enfasi, con differenze abbastanza nette da vedersi a colpo d’occhio. Le famiglie con un asse del peso variabile permettono di scegliere i passaggi esatti, senza accontentarsi dello stile con nome più vicino. Nelle interfacce i corsivi servono meno che negli articoli, per questo qui compaiono anche alcune famiglie solo tonde, segnalate come tali. Se il tuo prodotto esce in più lingue, controlla la copertura dei sistemi di scrittura indicata accanto a ogni famiglia prima di decidere.

How these were chosen: Famiglie Sans Serif etichettate per le interfacce che offrono almeno quattro pesi; la nota di ciascuna riporta ciò che la scheda indica su corsivi, assi e sistemi di scrittura.

## Fonts (18)

- [Inter](https://trendhub.net/it/fonts/inter.markdown) (Sans Serif, 18 stili · variabile, OFL): Disegnato per gli schermi, con nove pesi, corsivi e un asse della dimensione ottica che adatta le lettere tra le impostazioni piccole e grandi.
- [Roboto](https://trendhub.net/it/fonts/roboto.markdown) (Sans Serif, 18 stili · variabile, OFL): Nove pesi con corsivi più un asse della larghezza: una sola famiglia copre tabelle fitte, testo corrente e titoli grandi.
- [Figtree](https://trendhub.net/it/fonts/figtree.markdown) (Sans Serif, 14 stili · variabile, OFL): Pensato per il web e le app mobili: sette pesi da Light a Black con corsivi su un unico asse variabile.
- [DM Sans](https://trendhub.net/it/fonts/dm-sans.markdown) (Sans Serif, 18 stili · variabile, OFL): Lettere geometriche a basso contrasto con un asse della dimensione ottica da 9 a 40, adatte a etichette e titoli.
- [Plus Jakarta Sans](https://trendhub.net/it/fonts/plus-jakarta-sans.markdown) (Sans Serif, 14 stili · variabile, OFL): Contropunzoni aperti e minuscole un po’ alte mantengono leggibili le etichette piccole; sette pesi da ExtraLight a ExtraBold con corsivi.
- [Manrope](https://trendhub.net/it/fonts/manrope.markdown) (Sans Serif, 7 stili · variabile, OFL): Un asse del peso variabile da ExtraLight a ExtraBold con cirillico e greco per i prodotti multilingue; solo stili tondi.
- [IBM Plex Sans](https://trendhub.net/it/fonts/ibm-plex-sans.markdown) (Sans Serif, 14 stili · variabile, OFL): Sette pesi con corsivi e un asse della larghezza che restringe le lettere per i pannelli compatti.
- [Source Sans 3](https://trendhub.net/it/fonts/source-sans-3.markdown) (Sans Serif, 16 stili · variabile, OFL): Progettato come Sans Serif per interfacce: otto pesi da ExtraLight a Black con corsivi, cirillico e greco.
- [Work Sans](https://trendhub.net/it/fonts/work-sans.markdown) (Sans Serif, 18 stili · variabile, OFL): Calibrato per il testo a schermo da 14 a 48 pixel, in nove pesi variabili con corsivi.
- [Ubuntu](https://trendhub.net/it/fonts/ubuntu.markdown) (Sans Serif, 8 stili, UFL): Nato per un’interfaccia desktop e rifinito a mano per gli schermi; quattro pesi con corsivi.
- [Nunito Sans](https://trendhub.net/it/fonts/nunito-sans.markdown) (Sans Serif, 16 stili · variabile, OFL): Quattro assi variabili, tra cui dimensione ottica e altezza delle minuscole, permettono di regolare la densità senza cambiare famiglia.
- [Geist](https://trendhub.net/it/fonts/geist.markdown) (Sans Serif, 18 stili · variabile, OFL): Minuscole alte e contropunzoni che restano aperti anche in Black, così le etichette in grassetto pesante restano chiare; nove pesi con corsivi e cirillico.
- [Public Sans](https://trendhub.net/it/fonts/public-sans.markdown) (Sans Serif, 18 stili · variabile, OFL): Un Sans Serif neutro nato per il design system di un ente pubblico, in nove pesi variabili con corsivi.
- [Onest](https://trendhub.net/it/fonts/onest.markdown) (Sans Serif, 9 stili · variabile, OFL): Sta a metà tra geometrico e umanista, con lettere pensate per restare distinte nel testo piccolo della navigazione; da Thin a Black con cirillico, solo stili tondi.
- [Albert Sans](https://trendhub.net/it/fonts/albert-sans.markdown) (Sans Serif, 18 stili · variabile, OFL): Occhielli quasi circolari e tratti quasi uniformi in nove pesi con corsivi; solo latino, con le lettere turche e polacche complete.
- [Be Vietnam Pro](https://trendhub.net/it/fonts/be-vietnam-pro.markdown) (Sans Serif, 18 stili, OFL): Pensato per i prodotti tecnologici, con i segni diacritici vietnamiti disegnati con priorità; nove pesi con corsivi come file statici.
- [Hanken Grotesk](https://trendhub.net/it/fonts/hanken-grotesk.markdown) (Sans Serif, 18 stili · variabile, OFL): Nove pesi variabili con corsivi, calibrati per segnaletica, libri e interfacce.
- [Wix Madefor Text](https://trendhub.net/it/fonts/wix-madefor-text.markdown) (Sans Serif, 10 stili · variabile, OFL): La versione per il testo di un sistema tipografico di prodotto, pensata per le interfacce: cinque pesi con corsivi e cirillico.

## FAQs

### Posso includere questi font in un’app commerciale?

Ogni famiglia qui ha una licenza aperta, nella maggior parte dei casi la SIL Open Font License, che consente l’uso nei prodotti commerciali e l’incorporamento nelle app. Il testo della licenza è incluso in ogni download; per le condizioni esatte leggi la pagina della famiglia che scegli.

### In un’interfaccia conviene un font variabile o file statici?

Un file variabile contiene tutti i pesi in un solo download e permette valori intermedi, utili quando un design system richiede un 450 o un 550. I file statici restano una scelta valida se usi solo due o tre pesi.

### Servono i corsivi per il testo di un’interfaccia?

Raramente. Le interfacce puntano su peso e colore per l’enfasi. I corsivi diventano utili quando il prodotto mostra contenuti lunghi, come articoli o documentazione, nella stessa famiglia di caratteri.

### Come abbino un Sans Serif da interfaccia a un font per il codice?

Diverse famiglie di questa raccolta hanno una versione monospaziata disegnata con le stesse proporzioni. Usarla mantiene coerenti altezze e spessore del tratto tra testo e codice.

## Related collections

- [Sans serif grotesque](https://trendhub.net/it/fonts/for/grotesque-sans-serif-fonts.markdown)
- [Font Sans Serif umanisti per testi leggibili](https://trendhub.net/it/fonts/for/humanist-sans-serif-fonts.markdown)
- [Sans serif stretti per tabelle e impaginati compatti](https://trendhub.net/it/fonts/for/narrow-fonts-for-tight-layouts.markdown)
- [Font monospaziati per programmare](https://trendhub.net/it/fonts/for/monospace-fonts-for-coding.markdown)
- [Font variabili con asse della dimensione ottica](https://trendhub.net/it/fonts/for/variable-fonts-with-optical-size.markdown)
- [Sans serif squadrati per interfacce tecnologiche e di giochi](https://trendhub.net/it/fonts/for/tech-and-game-interface-fonts.markdown)

---

Source: https://trendhub.net/it/fonts/for/app-interface-fonts (trendhub)
