Come vanno specificati i font con i CSS?

Utente HTML.it
chiede

Come vanno specificati i font con i CSS?

Redazione HTML.it
risponde

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.