Propriété fontFamily du style

Définition et utilisation

fontFamily Cette propriété configure ou retourne une liste des noms de familles de polices (font-family) et/ou des noms de séries générales (generic-family) du texte de l'élément.

Le navigateur utilisera la première valeur qu'il peut reconnaître.

Il y a deux types de valeurs font-family :

  • font-family: Nom de la famille de police, par exemple "verdana" ou "arial"
  • generic-family: Nom de la famille de polices générique, par exemple "serif" ou "sans-serif"

Avis

Définissez toujours le nom de la série générique en dernier recours !

Séparez chaque valeur par une virgule.

Si le nom de la famille de polices contient des espaces, il doit être entouré de guillemets.

Voir Polices sécurisées du Web, pour connaitre les combinaisons de polices courantes.

Voir également :

Tutoriel CSS :Polices CSS

Manuel de référence CSS :Propriété font-family

Manuel de référence HTML DOM :Propriété font

Exemple

Exemple 1

Définir la police de caractères de l'élément <p> :

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

Essayez-le vous-même

Exemple 2

Demonstration des valeurs possibles :

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

Essayez-le vous-même

Exemple 3

Retourne la police de caractères de l'élément <p> :

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

Essayez-le vous-même

Syntaxe

Retourner la propriété fontFamily :

object.style.fontFamily

Définir la propriété fontFamily :

object.style.fontFamily = "font1, font2...|initial|inherit"

Valeur de l'attribut

Valeur Description
font1, font2... Liste des noms de familles de polices et/ou des noms de séries générales, séparés par des virgules.
initial Définit cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : Non défini
Valeur de retour : Chaîne, représentant le nom de police de caractères du texte de l'élément.
Version CSS : CSS1

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support