Esempio
Specificare il tipo di carattere per un paragrafo:
p
{
font-family: "Times New Roman", Georgia, Serif;
}
Prova tu stesso " Definizione e utilizzo
La proprietà font-family specifica il tipo di carattere per un elemento.
La proprietà font-family può contenere diversi nomi di carattere come un "fallback" del sistema. Se il browser non supporta il primo carattere, si cerca il carattere successivo.
Ci sono due tipi di nomi di famiglia dei font:
- family-name - Il nome di una font-family, come "times" , "courier" , "arial" , etc.
- generic-family - Il nome di un generico-famiglia, come "serif" , "sans-serif" , "cursive" , "fantasy" , "monospace" .
Inizia con il tipo di carattere che si desidera, e terminare sempre con una famiglia generica, di lasciare che il browser scegliere un carattere simile nella famiglia generica, se nessun altro font sono disponibili.
Note: Separare ogni valore con una virgola.
Note: Se un nome di carattere contiene bianco-spazio, deve essere citato. Virgolette singole devono essere usati quando si utilizza il "style" attributo in HTML.
Valore di default: | depends on the browser |
---|---|
Inherited: | yes |
animatable: | no. Read about animatable |
Versione: | CSS1 |
sintassi JavaScript: | object .style.fontFamily="Verdana,sans-serif" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Proprietà | |||||
---|---|---|---|---|---|
font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Sintassi
font-family:font|initial|inherit;
I valori delle proprietà
Valore | Descrizione | Gioca |
---|---|---|
family-name generic-family | Un elenco prioritario di nomi di famiglia di font e / o cognomi generici | Gioca " |
initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
Tutorial CSS: CSS Font
Riferimento CSS: font property
Di riferimento HTML DOM: fontFamily property