di: Richard Rutter 01 Aprile 2008
Per esempio, potreste decidere che i vostri titoli dovrebbero essere visualizzati con il sempre più disponibile font Clarendon. Si tratta di un font serif. A livello dei sistemi operativi il più simile è forse il Georgia. Adobe CS2 fornisce Century Old Style che ha uno stile molto simile. Century Schoolbook è anche somigliante, ed è installato con tutte le versioni di Office. In base a quanto detto la vostra collezione di font diventa:
font-family: 'Clarendon Std', 'Century Old Style Std', 'Century Schoolbook', Georgia, serif
Figura 2 - Anteprima dei font in base alla regola CSS
Nell'immagine qui sopra il suffisso 'Std' indica un file standard di tipo OpenType, che di norma sarà la scelta da fare per font un po' particolari.
Non sto suggerendo che il processo di scelta di un font sia facile. Intanto nella matrice sono presenti quasi duecento font. Imparare come rende ciascun font può essere complicato e far sprecare molto tempo (si tenga pure presente che se non avete tutti i font installati sul vostro PC dovrete spesso affidarvi a Google per un'anteprima).
Inoltre, non è tutto così semplice come scegliere font che siano quasi simili nell'aspetto o che abbiano background tipografici correlati. I font dovrebbero essere simili anche nelle metriche. Ciò è specialmente vero rispetto alla x-height, cosa che dà un'indicazione di come piccolo o grande appare un certo font.
Il punto principale in tutto questo discorso è che ci sono in generale e potenzialmente molti più font da considerare di quanto si pensi. Così ragionate un po' (con misura e gusto) e date un po' di varietà ai vostri siti. Se riuscirete a creare qualche nuova collezione di font con questo approccio, fatelo sapere nei vostri blog. Magari un giorno potremmo riunirle tutte in un unico posto.
Gli unici sistemi operativi considerati nella matrice sono quelli di Microsoft e Apple. Per completezza dovrebbero essere inclusi anche i sistemi Linux, sebbene presentino una grande varietà, siano tanti e siano una minoranza. Li ho omessi per il momento. C'è da dire che alcune distribuzioni offrono installati i Core Fonts di Microsoft. Altri usano la famiglia Vera, altri la famiglia Liberation che comprende font simili metricamente a Times New Roman e Arial.
Le fonti per le informazioni sui font nella matrice sono le seguenti:
Nota sull'autore
Richard Rutter è Direttore Produttivo presso l'agenzia di consulenza di web design Clearleft. Scrive, in genere sul sito Clagnut, di accessibilità, web standards e mountain bike. Richard è l'animatore di un progetto dedicato alla tipografia per il web, The Elements of Typographic Style Applied to the Web.
Responsive Desing, la guidaProgettare siti da fruire su dispositivi diversi è imprescindibile... |
Guida CSS3Scoprire e usare al meglio tutte le novità dell'ultima versione dei... |
Guida CSS Tecniche essenzialiTesto, immagini, layout, form, liste, tabelle: soluzioni pronte per... |
Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.
Iscriviti alla newsletter
|
|
Corso Webmaster base18 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |
|
|
Corso Webmaster base11 Giugno 2012 a Roma |