Cose da sapere sugli elementi di un font

Shares

Cose da sapere sugli elementi di un fontNell’ultimo articolo ho introdotto l’argomento dei font, della tipografia e della sua storia. Ti ho anche parlato di serif e sans serif e quindi delle famiglie di caratteri, di come si dividono e come è preferibile utilizzarle (serif per la stampa e sans serif per il web, riassumendo).

L’argomento, però, non l’ho affatto concluso in un solo articolo. Infatti il tema dei font, e della tipografia in genere, è molto vasto e non basta assolutamente un solo articolo per coprire tutto, forse nemmeno un blog!

Ci sono un sacco di altre cose da sapere sugli elementi di un font.

Ad esempio: da quali elementi è formato un carattere? Qual è la differenza tra tracking e kerning? Sono la stessa cosa? E ancora: occhielli, contrasti, allineamenti e interlinee.

Gli elementi di un font

Ok, Lorenzo mi hai nominato un sacco di roba strana e non ci ho capito niente.. spiega un po’!

E hai anche ragione, in questo articolo c’è moltissima carne al fuoco, ma procediamo con calma e ordine come sempre.

Continuo questo viaggio all’interno della tipografia analizzando i diversi elementi di un carattere, partendo dai principali.

Nell’esempio che segue ho scelto di utilizzare uno dei caratteri più utilizzati sia sul web che in fase di stampa, ovvero il Georgia, uno dei caratteri serif più leggibili e famosi.

elementi di un font

Come vedi da questo schema, un font è determinato innanzitutto da alcune linee orizzontali che ne definiscono le varie altezze.

Le linee verdi, dette rispettivamente linea ascendente e linea discendente, definiscono il corpo di un carattere, ovvero l’altezza massima che avrà la riga di testo. Comprendendo quindi sia le aste ascendenti, come quelle delle lettere f,l,t,k, sia le aste discendenti come quelle di p,y,j e l’occhiello o l’asta discendente della g, a seconda del font utilizzato.

La linea di base e la linea ascendente formano la cosiddetta altezza delle lettere maiuscole, la quale non tiene conto delle aste discendenti.

L’occhio del carattere, in inglese X-height, altezza della x, è l’altezza delle lettere che non sono maiuscole e non possiedono aste ascendenti o discendenti come appunto la x, la a, la e, eccetera.

Braccio, gamba, cravatta, orecchio, incrocio, collo. Sono altri importanti elementi di un font. Invece di sprecare tante parole inutili, penso sia molto più immediato spiegandolo attraverso questa sintetica grafica, sempre utilizzando il Georgia come font.

elementi di un font

Ci sono però alcuni elementi di un font che tendono a caratterizzarlo e a dargli una determinata impronta, oltre che a fargli trasmettere determinate sensazioni visive, e quindi emotive.

Innanzitutto ci sono le grazie (serif), ma ne ho già parlato nello scorso articolo e non voglio essere ripetitivo, se te lo sei perso e non l’hai ancora letto dacci un’occhiata!

Ma oltre alle grazie gli elementi caratterizzanti sono anche altri. Vediamoli.

Il contrasto in un carattere

Uno di questi è il contrasto di un carattere. Il contrasto di un carattere è sostanzialmente la differenza di spessore tra le linee spesse e le linee sottili. Più il rapporto tra linee spesse e sottili è alto, più aumenta il valore del contrasto.

Riprendendo un po’ il principio del contrasto nell’ambito della teoria della Gestalt, un font con alto contrasto nelle lettere è molto più leggibile (e in alcuni casi anche più elegante) quando usata in grandi dimensioni, mentre una a basso contrasto garantisce una buona lettura anche per corpi piccoli.

Nell’esempio a fianco, il Bodoni MT è un classico esempio di font ad alto contrasto, mentre il Lucida Fax ha un minore contrasto.

Esistono numerosi sans serif in cui il contrasto viene ridotto fino ad essere quasi impercettibile come nel caso del Futura.

L’importanza della dimensione dell’occhio

La dimensione dell’occhio di un carattere, ossia la larghezza e l’altezza, rispetto al corpo, dello stesso, è tra gli elementi più importanti di un font e sicuramente uno dei più distintivi.

La dimensione dell’occhio è utile anche a definire una buona o una scarsa leggibilità di un testo scritto utilizzando un determinato font.

Non è un caso se alcuni dei font più leggibili che esistono, come il Verdana, il Times New Roman e l’Helvetica, possiedono degli occhi, rapportati al corpo, molto grandi e ben definiti.

Occhio di un font

Nell’immagine qui sopra vengono confrontati tre famosi caratteri e le dimensioni del loro occhio.

Vengono anche presentati dei testi con caratteri in dimensione 12pt, parità di giustificazione e di interlinea per dimostrare come il fattore della leggibilità sia strettamente collegato alla dimensione dell’occhio

Il primo è il Verdana, disegnato da Matthew Carter nel 1996 per la Microsoft, da tutti considerato il miglior font in termini di leggibilità e infatti l’occhio del Verdana è estremamente grande.

È più facile da leggere in lunghi testi anche di un altro “big” della leggibilità, ovvero il Times New Roman, di Stanley Morison e Victor Lardent disegnato nel 1931 per il The Times.

Nettamente minore sono la leggibilità e la dimensione dell’occhio del Bodoni, di Giovan Battista Bodoni nel XVIII secolo, che, però, va detto che in grandi dimensioni garantisce un eleganza che Verdana e TNR si sognano di notte.

L’utilizzo di Kerning e Tracking

kerning e tracking

Il kerning, in italiano crenatura, e il tracking, o spaziatura, sono due termini importanti nella tipografia e due importanti elementi di un font.

La crenatura è sostanzialmente lo spazio tra le singole lettere all’interno di un font, mentre il tracking è lo spazio bianco tra le diverse parole.

Il kerning viene utilizzato, nella creazione di un font, per rendere più armoniosa la composizione e più facile la lettura, alcune lettere, come la A e la V o la A e la T, possono essere avvicinate tra di loro maggiormente rispetto alle altre lettere senza sovrapporsi. Questo fa si che si venga a creare una più fluida composizione.

Un esempio di cattiva lettura dovuta ad una crenatura non armoniosa è quella che si otteneva fino a qualche anno fa scrivendo con le macchine da scrivere. Esse avevano, per forza di cose, le dimensioni delle lettere già preimpostate e i testi prodotti con quelle macchine risultavano molto difficili da leggere, oltre che anonimi e privi di eleganza (che queste cose siano collegate?).

Bisogna fare distinzione invece con il tracking, termine che, come detto, indica la spaziatura tra le parole.

Un tracking ben calcolato è di fondamentale importanza, permette infatti di garantire al cervello una rapida individuazione dell’inizio e della fine di una parola in un testo e quindi una maggiore leggibilità.

È chiaro che agire sui valori di crenatura e di spaziatura è sempre molto rischioso se non si considerano bene gli effetti alla lettura dell’utente.

Conclusioni

Bene, con questo articolo mi sono addentrato ancora un po’ di più nel mondo dei font parlando di quelli che sono i più importanti elementi di un font.

Ci sono innumerevoli altri argomenti interessanti, ad esempio, sai quali sono i font preferiti dai designer? Te lo spiego qua, oltre a raccontarti la loro storia. Se invece sei interessato a come scegliere il font migliore per il tuo progetto allora ti consiglio di leggere questa guida completa alla scelta del font che ho scritto e che è piena di contenuti, risorse, esempi e consigli per scegliere il font perfetto ad ogni progetto.

Ma nel frattempo, che cosa ne pensi di questo articolo? Ritieni anche te che il Verdana sia il font più leggibile? Se no quale pensi sia meglio? Fammelo sapere, come sempre, nei commenti qui sotto!

Alla prossima, Lorenzo.


Immagine iniziale di Thiago Trigo, le altre immagini sono autoprodotte.

Shares
  • genoveffa

    lorenzo fino a qualche giorno fa non l’avrei nemmeno notato, ma da quando mi hai illuminato con la storia che la parola font è femminile non posso che farti una domanda: perchè in questo articolo è sempre maschile? c’è una differenza di utilizzo in contesti diversi? e comunque…complimenti! sono giorni che leggo senza sosta ed ho quasi terminato i tuoi articoli! scrivi scrivi scrivi