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.
Save changes
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.
-
Inter
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
Nove pesi con corsivi più un asse della larghezza: una sola famiglia copre tabelle fitte, testo corrente e titoli grandi.
-
Figtree
Pensato per il web e le app mobili: sette pesi da Light a Black con corsivi su un unico asse variabile.
-
DM Sans
Lettere geometriche a basso contrasto con un asse della dimensione ottica da 9 a 40, adatte a etichette e titoli.
-
Plus Jakarta Sans
Contropunzoni aperti e minuscole un po’ alte mantengono leggibili le etichette piccole; sette pesi da ExtraLight a ExtraBold con corsivi.
-
Manrope
Un asse del peso variabile da ExtraLight a ExtraBold con cirillico e greco per i prodotti multilingue; solo stili tondi.
-
IBM Plex Sans
Sette pesi con corsivi e un asse della larghezza che restringe le lettere per i pannelli compatti.
-
Source Sans 3
Progettato come Sans Serif per interfacce: otto pesi da ExtraLight a Black con corsivi, cirillico e greco.
-
Work Sans
Calibrato per il testo a schermo da 14 a 48 pixel, in nove pesi variabili con corsivi.
-
Ubuntu
Nato per un’interfaccia desktop e rifinito a mano per gli schermi; quattro pesi con corsivi.
-
Nunito Sans
Quattro assi variabili, tra cui dimensione ottica e altezza delle minuscole, permettono di regolare la densità senza cambiare famiglia.
-
Geist
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
Un Sans Serif neutro nato per il design system di un ente pubblico, in nove pesi variabili con corsivi.
-
Onest
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
Occhielli quasi circolari e tratti quasi uniformi in nove pesi con corsivi; solo latino, con le lettere turche e polacche complete.
-
Be Vietnam Pro
Pensato per i prodotti tecnologici, con i segni diacritici vietnamiti disegnati con priorità; nove pesi con corsivi come file statici.
-
Hanken Grotesk
Nove pesi variabili con corsivi, calibrati per segnaletica, libri e interfacce.
-
Wix Madefor Text
La versione per il testo di un sistema tipografico di prodotto, pensata per le interfacce: cinque pesi con corsivi e cirillico.
Gli esempi caricano un sottoinsieme latino di base di ogni famiglia. Tutte le famiglie di questa pagina hanno una licenza aperta; la pagina di ciascuna indica le condizioni e offre i file originali.
Domande su font Sans Serif puliti per le interfacce delle app
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.