English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole CSS (RULES)

Completo delle proprietà CSS

Metodo e esempio di utilizzo dell'attributo font-family CSS

L'attributo font-family CSS viene utilizzato per impostare il font del contenuto del testo dell'elemento. L'attributo font-family dovrebbe contenere più nomi di famiglia come sistema di riserva. Partire dal font richiesto e utilizzare i font di riserva in ordine quando non disponibile.

Dovresti utilizzare una famiglia di caratteri generica per terminare questa lista, che ha 5 font, come: arial, sans-serif, monospace, cursive, fantasy. La tabella seguente fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nei script JavaScript. monospacecursive

Valore predefinito:Dipende dal browser
Applicabile a:Tutti gli elementi
Ereditarietà:
Animabile:No.Si prega di consultare Proprietà animazione.
Versione:CSS 1, 2, 3
Sintassi JavaScript:object.style.fontFamily="arial,sans-serif"

Sintassi dell'uso di font-family

La sintassi di questo attributo è la seguente:

font-family: [ nome-famiglia | famiglia-generica ] [, nome-famiglia | famiglia-generica ] una o più coppie | iniziale | ereditato

Esempio di come utilizzare l'attributo font-family.

  body {
   font-family: Arial, Helvetica, sans-serif;
  }
  h1 {
   font-family: "Times New Roman", Times, serif;
  }
Prova a vedere < / >

Attenzione:Se il nome della famiglia di caratteri supera una parola, deve essere racchiuso tra virgolette, ad esempio font-family: "Times New Roman", Serif; ecc.

Per combinazioni di font più comuni, vedereCaratteri di sicurezza CSS.

Valore dell'attributo

La tabella seguente descrive i valori di questa proprietà.

ValoreDescrizione
family-nameNome della famiglia di caratteri. Ad esempio "Times" e "Helvetica". I nomi dei caratteri che contengono spazi devono essere racchiusi tra virgolette. Ad esempio "Times New Roman", Serif; ecc.
generic-family

Quando non è possibile utilizzare la scelta della famiglia di caratteri necessaria, la serie di caratteri universale può essere utilizzata come meccanismo di fallback di default. Poiché i nomi delle font universali sono chiavi, non possono essere racchiusi tra virgolette.

La serie di caratteri universale dovrebbe essere l'ultima scelta nella lista dei nomi delle serie di caratteri. Le serie di caratteri universali sono definite come segue:

  • serif (ad esempio, Times)

  • sans-serif (ad esempio, Arial)

  • cursive (ad esempio, Zapf-Chancery)

  • fantasy (ad esempio, Western)

  • monospace (ad esempio, Courier)

Scopri di più suCombinazione di caratteriPiù informazioni.

initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato utilizza il valore della proprietà font-family dell'elemento padre.

Compatibilità del browser

Compatibilità dei browser per la proprietà font-family; i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

Per ulteriori informazioni

Ecco una guida da consultare:Caratteri CSS,Testo CSS.

Proprietà e regole correlate:font,font-style,font-variant,font-weight,font-size,
line-height,@font-face.