Attribut font-family CSS

Définition et utilisation

La propriété font-family définit la famille de polices de l'élément.

La propriété font-family peut utiliser plusieurs noms de polices comme un système de « retour en arrière ». Si le navigateur ne prend pas en charge la première police, il essaiera la suivante. C'est-à-dire que la valeur de la propriété font-family est une liste prioritaire des noms de familles ou de classes de polices utilisées pour un élément. Le navigateur utilisera la première valeur qu'il peut identifier.

Il y a deux types de noms de familles de polices :

  • Noms spécifiques de la série : noms spécifiques des polices, par exemple : "times"、"courier"、"arial".
  • Noms courants des familles de polices : par exemple : "serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"

Astuce :Séparé par des virgules chaque valeur, et toujours fournir un nom de classe de police comme dernière option.

Attention :L'utilisation d'une police spécifique (Geneva) dépend de la disponibilité de cette police sur l'ordinateur de l'utilisateur ; cette propriété n'indique aucune téléchargement de police. Par conséquent, il est fortement recommandé d'utiliser un nom de famille de police générique comme alternative.

Voir également :

Tutoriel CSS :police CSS

Manuel de référence CSS :Attribut font CSS

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

Exemple

Définir la police de texte pour les paragraphes :

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

Essayez l'exemple

Syntaxe CSS

font-family: family-name|generic-family|initial|hérité;

Valeur de l'attribut

Valeur Description
  • family-name
  • generic-family

Liste prioritaire des noms de familles ou de classes de polices utilisées pour un élément.

Valeur par défaut : dépend du navigateur.
hérité Définit que le système de polices doit être hérité de l'élément parent.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : oui
Version : CSS1
Syntaxe JavaScript : object.style.fontFamily="arial,sans-serif"

Essayer l'exemple

Définir la police de texte
Cet exemple montre comment définir la police de texte.

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

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