Font Serif per la lettura lunga a schermo
Serif da testo disegnati per gli schermi o per la lettura prolungata: grande altezza della x, contrasto moderato e veri corsivi per articoli, blog e documentazione.
Chapter One
Leggere diverse migliaia di parole a schermo è una prova diversa dall’occhiata a un titolo. Il carattere deve scomparire, e sugli schermi dipende da alcuni fattori misurabili. Una grande altezza della x fa sembrare più grandi le minuscole a parità di corpo, il che conta a 16–18 pixel. Un contrasto moderato dei tratti evita che le parti sottili sfarfallino o spariscano sugli schermi a bassa densità, il solito difetto dei Serif da stampa portati sul web senza modifiche. Grazie robuste e contropunzoni aperti tengono distinte le lettere simili.
Oltre alle forme delle lettere, controlla cosa include la famiglia. Un testo lungo richiede un vero corsivo per titoli ed enfasi, e un Bold nettamente più scuro del Regular. In questo gruppo un asse della dimensione ottica è un vantaggio reale: ispessisce i tratti fini e allarga la spaziatura alle dimensioni piccole, poi affina il disegno per i titoli, tutto in un solo file. Le famiglie con un asse del peso permettono di regolare di poco il Regular, utile quando il testo chiaro è composto su sfondo scuro. Imposta la misura intorno a 60–75 caratteri per riga e l’interlinea vicino a 1,5.
-
Merriweather
Un serif da testo per lo schermo con un’altezza della x molto grande, variabile in peso, larghezza e dimensione ottica.
-
Lora
Un carattere da testo a contrasto moderato con curve a pennello e grazie decise, ottimizzato per gli schermi; quattro pesi con corsivi e cirillico.
-
Libre Baskerville
Un’altezza della x maggiore e un contrasto più basso rispetto al modello del 1941, calibrato per la lettura a 16px.
-
PT Serif
Disegnato per la lettura continua, con contrasto moderato, grazie robuste e minuscole piuttosto alte; Regular e Bold con corsivi, latino e cirillico.
-
Noto Serif
Contrasto moderato, grazie solide con raccordo e minuscole alte pensate per il testo; nove pesi con corsivi per latino, cirillico e greco.
-
Bitter
Un egiziano pensato per la lettura comoda a schermo, variabile da Thin a Black con corsivi.
-
Source Serif 4
Pensato per accordarsi a proporzioni e colore del testo del Sans Serif compagno, con un asse della dimensione ottica da 8 a 60 e otto pesi con corsivi.
-
Literata
Nato come carattere di un’app per ebook; grazie robuste a basso contrasto, con un asse della dimensione ottica da 7 a 72.
-
Newsreader
Disegnato per la lettura lunga e continua su schermi ricchi di contenuti, con un asse della dimensione ottica da 6 a 72 e sette pesi con corsivi.
-
Spectral
Un serif da testo pensato prima di tutto per lo schermo, in sette pesi con corsivi e cirillico.
-
Vollkorn
Un serif da testo robusto con grazie scure e massicce, variabile da Regular a Black con corsivi.
-
Crimson Pro
Un serif di stile garalde pensato per testi lunghi come manuali e siti editoriali, variabile su otto pesi con corsivi.
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 Serif per la lettura lunga a schermo
I font con grazie sono più difficili da leggere a schermo?
Non sugli schermi attuali. Il vecchio consiglio risale ai monitor a bassa risoluzione. Un Serif con una grande altezza della x e contrasto moderato si legge comodamente alle normali dimensioni del testo.
Di che dimensione dev’essere il testo corrente di un sito web?
Parti da 16–18 pixel per il testo corrente e regola a occhio, perché i caratteri con una grande altezza della x sembrano più grandi della loro dimensione nominale. Tieni le righe intorno a 60–75 caratteri.
Posso usare questi font in un sito commerciale o in un e-book?
Sì. Le loro licenze aperte consentono l’uso commerciale e l’incorporamento in siti web, app ed e-book. Scarica la famiglia e ospita i file sul tuo server.
A cosa serve un asse della dimensione ottica nel testo?
Cambia il disegno in base alla dimensione. Alle dimensioni piccole i tratti diventano più robusti e la spaziatura più larga; a quelle grandi i dettagli si fanno più fini. Il browser può applicarlo in automatico.