Migliora la tua collezione dei font con Font Matrix

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

screenshot

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.

A voi la scelta

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.

Appendice

E su Linux?

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.

Fonti

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.

Guide CSS

Responsive Desing, la guida

Progettare siti da fruire su dispositivi diversi è imprescindibile...

Guida CSS3

Scoprire e usare al meglio tutte le novità dell'ultima versione dei...

Guida CSS Tecniche essenziali

Testo, immagini, layout, form, liste, tabelle: soluzioni pronte per...

Altre guide

Newsletter @CSS

Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti