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.
Guida CSS di baseI CSS servono per gestire tutto il layout di un sito Web. E'... |
Guida Layout dei siti con i CSSLa guida ai layout con i CSS è uno strumento ideale per chi intende... |
Guida Interfacce web con PhotoshopQuesta guida mostra con semplici esempi come lavorare ad un layout e... |