Proprietà fontFamily dello stile
- Pagina precedente font
- Pagina successiva fontSize
- Torna al livello superiore Oggetto Style HTML DOM
Definizione e uso
fontFamily
L'attributo setta o restituisce l'elenco dei nomi delle famiglie di caratteri (font-family) e / o delle serie universali (generic-family) del testo dell'elemento.
Il browser utilizzerà il primo valore che riconosce.
Ci sono due tipi di valori font-family:
- font-family: Il nome della famiglia di caratteri, come "verdana" o "arial"
- generic-family: Il nome della famiglia di caratteri universale, ad esempio "serif" o "sans-serif"
Suggerimento
Includi sempre il nome della serie universale come scelta finale!
Usa una virgola per separare ogni valore.
Se il nome della famiglia di caratteri contiene spazi, deve essere usato un virgoletta.
Vedi Caratteri Web sicuri, per conoscere le combinazioni di caratteri comuni.
Vedi anche:
Tutorial CSS:Font CSS
Manuale CSS:Attributo font-family
Manuale HTML DOM:Attributo font
Esempio
Esempio 1
Imposta il tipo di carattere dell'elemento <p>:
document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
Esempio 2
Dimostrazione dei valori possibili:
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myP").style.fontFamily = listValue;
Esempio 3
Restituisce il tipo di carattere dell'elemento <p>:
alert(document.getElementById("myP").style.fontFamily);
Sintassi
Restituisce l'attributo fontFamily:
oggetto.style.fontFamily
Imposta l'attributo fontFamily:
oggetto.style.fontFamily = "font1, font2...|initial|inherit"
Valore dell'attributo
Valore | Descrizione |
---|---|
font1, font2... | Elenco separato da virgola dei nomi delle famiglie di caratteri e / o delle serie universali. |
initial | Imposta questo attributo al suo valore predefinito. Vedi initial. |
inherit | Incorpora questo attributo dall'elemento padre. Vedi inherit. |
Dettagli tecnici
Valore predefinito: | Non definito |
---|---|
Valore di ritorno: | String, che rappresenta il nome del tipo di carattere del testo dell'elemento. |
Versione CSS: | CSS1 |
Supporto browser
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Supporto | Supporto | Supporto | Supporto | Supporto |
- Pagina precedente font
- Pagina successiva fontSize
- Torna al livello superiore Oggetto Style HTML DOM