Il modo più semplice è con la proprietà font-family, attraverso la quale è possibile indicare diversi
font, separati da una virgola. I primi nell’ordine, se disponibili nel sistema dell’utente, avranno la precedenza:
è opportuno, a fine dichiarazione, indicare la famiglia generica dei font nel caso nessuno dei font indicati fosse
disponibile. Ecco un esempio, che imposta il font dell’intera pagina con caratteri sans-serif (senza grazie):
body{font-family: “Trebuchet MS”,Arial,Helvetica,sans-serif}
Da notare che i nomi di font composti da più parole vanno indicati tra virgolette. Molto più comoda la proprietà
font che consente di specificare, oltre ai caratteri, stile, variante, peso e dimensioni del testo e
altezza della linea. Ad esempio la seguente regola:
p{font: italic small-caps lighter 12px/1.5 Arial,Helvetica,sans-serif}
Accorpa in un’unica dichiarazione la seguente:
p{ font-style: italic;
font-variant: small-caps;
font-weight: lighter;
font-size: 12px;
line-height: 1.5;
font-family: Arial,Helvetica,sans-serif;
}
La versione abbreviata consente un notevole risparmio di caratteri, e richiede l’ordine dei valori nell’ordine dell’esempio.