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

manuel de référence CSS

règles CSS @

大全 des attributs CSS

Font CSS-Usage and examples of family attribute

font-The family CSS property is used to set the font of the text content of the element. The font-The family attribute should contain multiple font names as a 'fallback' system. Start with the required font and then use fallback fonts in order if the required font is not available.

You should use a generic font family to end this list, which has5a font, such as: arial, sans-serif, monospace, cursive, fantasy. The following table provides usage instructions and version history of this attribute, as well as its syntax in JavaScript scripts. monospacecursive

Default value:Depends on the browser
Applies to:All elements
Inheritance:Yes
Animatable:No.See also Animation properties.
Version:CSS 1,2,3
JavaScript syntax:object.style.fontFamily="arial,sans-serif"

font-Syntax of family usage

The syntax of this attribute is as follows:

font-family: [ family-name|generic-family] [, family-name|generic-family]one or more pairs|initial|inherit

Les exemples suivants montrent comment utiliser font-Attribut family.

  body {
   font-family: "Arial", "Helvetica", sans-serif;
  }
  h1 {
   font-family: "Times New Roman", Times, serif;
  }
Testez pour voir‹/›

Attention :Si le nom de la série de polices de caractères dépasse un mot, il doit être encadré par des guillemets, par exemple font-family: "Times New Roman", Serif; etc.

Pour les combinaisons de polices plus courantes, voirPolices sécurisées CSS.

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cet attribut.

ValeurDescription
family-nameNom de la série de polices de caractères. Par exemple "Times" et "Helvetica". Les noms de polices contenant des espaces doivent être encadrés par des guillemets doubles.
generic-family

Lorsqu'il est impossible d'utiliser le choix de police de caractères requis, la série générique de polices de caractères peut être utilisée comme mécanisme de repli régulier. Comme les noms de polices génériques sont des mots-clés, ils ne peuvent pas être encadrés par des guillemets.

Les polices de caractères génériques devraient être la dernière option de la liste des noms de polices de caractères. Les séries suivantes sont définies :

  • serif (par exemple, Times)

  • sans-serif (par exemple, Arial)

  • cursive (par exemple, Zapf-Chancery)

  • fantasy (par exemple, Occidental)

  • monospace (par exemple, Courier)

En savoir plus surCombiné de policesPlus d'informations.

initialRéinitialisez cet attribut à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise le font du parent.-Valeur de l'attribut family.

Compatibilité du navigateur

font-Compatibilité des navigateurs pour l'attribut family, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cet attribut ; tous les navigateurs populaires prennent en charge cet attribut.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :Polices CSS,Texte CSS.

Attributs et règles associés :font,font-style,font-variant,font-weight,font-size,
line-height,@font-face.