CSS  »  F.A.Q. 

Come vanno specificati i font con i CSS?

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.

Guide CSS

Guida CSS di base

I CSS servono per gestire tutto il layout di un sito Web. E'...

Guida Layout dei siti con i CSS

La guida ai layout con i CSS è uno strumento ideale per chi intende...

Guida Interfacce web con Photoshop

Questa guida mostra con semplici esempi come lavorare ad un layout e...

Altre guide