Proprietà fontFamily dello stile

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";

Prova personalmente

Esempio 2

Dimostrazione dei valori possibili:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

Prova personalmente

Esempio 3

Restituisce il tipo di carattere dell'elemento <p>:

alert(document.getElementById("myP").style.fontFamily);

Prova personalmente

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