Proprietà font-family CSS

Definizione e uso

font-family definisce la serie di caratteri dell'elemento.

font-family può salvare più nomi di font come un sistema di riserva. Se il browser non supporta il primo font, tentare il successivo. Quindi, il valore dell'attributo font-family è una lista prioritaria di nomi di famiglia di font o / e nomi di classe di famiglia per un elemento. Il browser utilizzerà il primo valore riconosciuto.

Ci sono due tipi di nomi di famiglia di font:

  • Nome della serie specifica: nome specifico del font, ad esempio: "times", "courier", "arial".
  • Nome di famiglia di font comune: ad esempio: "serif", "sans-serif", "cursive", "fantasy", "monospace"

Suggerimento:Dividere ogni valore con una virgola e fornire sempre un nome di classe come scelta finale.

Attenzione:L'uso di una famiglia di caratteri specifica (Geneva) dipende dalla disponibilità di questa famiglia di caratteri sul computer dell'utente; questa proprietà non indica alcun download di font. Pertanto, si consiglia vivamente di utilizzare un nome di famiglia universale come riserva.

Vedi anche:

Tutorial CSS:Caratteri CSS

Manuale di riferimento CSS:Proprietà font CSS

Manuale di riferimento HTML DOM:Proprietà font

Esempio

Impostare il font per i paragrafi:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

Prova da solo

Sintassi CSS

font-family: family-name|generic-family|initial|inherit;

Valore dell'attributo

Valore Descrizione
  • family-name
  • generic-family

Una lista prioritaria di nomi di famiglia di font o / e nomi di classe di famiglia per un elemento.

Valore predefinito: dipende dal browser.
inherit Definisce che la serie di caratteri dovrebbe essere ereditata dal elemento genitore.

Dettagli tecnici

Valore predefinito: non specificato
Ereditarietà: sì
Versione: CSS1
Sintassi JavaScript: oggetto.style.fontFamily="arial,sans-serif"

Esempio TIY

Impostare il font del testo
Questo esempio dimostra come impostare il font del testo.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5