Carattere di stile Proprietà di famiglia
Esempio
Imposta il carattere per un elemento:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Definizione e utilizzo
La proprietà fontFamily imposta o restituisce un elenco di nomi di famiglie di caratteri e/o nomi di famiglie generiche per il testo in un elemento.
Il browser utilizzerà il primo valore che riconosce.
Esistono due tipi di valori della famiglia di caratteri:
- font-family: il nome di una font-family, come "verdana" o "arial"
- famiglia-generica: il nome di una famiglia di caratteri generica, come "serif" o "sans-serif"
Suggerimento: specifica sempre un cognome generico come ultima alternativa!
Nota: separa ogni valore con una virgola.
Nota: se il nome di una famiglia di caratteri contiene spazi bianchi, deve essere tra virgolette.
Suggerimento: guarda i caratteri sicuri per il Web per le combinazioni di caratteri di uso comune.
Supporto browser
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
Sintassi
Restituisce la proprietà fontFamily:
object.style.fontFamily
Imposta la proprietà fontFamily:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
font1, font2, etc. | A comma-separated list of font-family names and/or generic-family names |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | non specificato |
---|---|
Valore di ritorno: | Una stringa, che rappresenta il nome del carattere del testo nell'elemento |
Versione CSS | CSS1 |
Altri esempi
Esempio
Una dimostrazione di valori possibili:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Esempio
Restituisce il carattere di un elemento:
alert(document.getElementById("demo").style.fontFamily);
Pagine correlate
Tutorial CSS: Font CSS
Riferimento CSS: proprietà della famiglia di caratteri
Riferimento HTML DOM: proprietà del carattere
❮ Oggetto stile