font-family

  • Raccourci de la révision : CSS/font-family
  • Titre de la révision : font-family
  • ID de la révision : 462897
  • Créé :
  • Créateur : FredB
  • Version actuelle ? Oui
  • Commentaire

Contenu de la révision

{{ CSSRef() }}

Résumé

La propriété CSS font-family indique une liste de fontes -ou de familles génériques de fontes- à appliquer à l'élément sélectionné, par ordre de priorité. Contrairement aux autres propriétés CSS, les valeurs sont séparées par des virgules « , » pour indiquer que se sont des alternatives.

{{cssbox("font-family")}}

Syntaxe

font-family: [[family-name|generic-family]
    [,family-name|generic-family]*] |inherit

Valeurs

family-name 
Le nom de la famille de fonte ou police. Par exemple, « Times » et « Helvetica » sont des familles de fontes. Les familles de fontes en plusieurs mots, telle que BitStream Vera, doivent être mises entre guillemets.
generic-family 
Les familles de fontes génériques suivantes sont définies : serif, sans-serif, cursive, fantasy, monospace. Ces noms de famille de fontes sont des mots clefs et ne doivent pas être mis entre guillements.

Exemples

{{ CSSRefExampleLink("font-family") }}

body { font-family: "Gill Sans Extrabold", Helvetica, sans-serif }

.receipt { font-family: Courier, "Lucida Console", monospace }

Notes

Vous devriez toujours spécifier une famille de fonte générique comme dernière valeur de la propriété font-family comme dans l'exemple précédent (monospace).

La propriété font-family définit une liste de fontes dans un ordre de priorité décroissante. La sélection de la fonte ne s'arrête pas à la première fonte de la liste trouvée sur le système de l'utilisateur. Au contraire, la sélection de la fonte se fait caractère par caractère', ainsi si une fonte disponible ne contient pas un glyphe permettant d'afficher correctement un caractère, les fontes suivantes sont essayées.

Lorsqu'une fonte n'est disponible dans les caractéristiques de styles, de variantes, ou de taille, ces propriétés peuvent influencer le choix de la fonte.

Spécifications

Compatibilité des navigateurs

TBD (This might best be done as a single centralized compatibility chart.)

Voir également

{{ Référence_CSS:Fonts() }}

Source de la révision

<p>{{ CSSRef() }}</p>
<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>La propriété <a href="/fr/docs/CSS" title="/fr/docs/CSS">CSS</a> <code>font-family</code> indique une liste de fontes -ou de familles génériques de fontes- à appliquer à l'élément sélectionné, par ordre de priorité. Contrairement aux autres propriétés CSS, les valeurs sont séparées par des virgules «&nbsp;,&nbsp;» pour indiquer que se sont des alternatives.</p>
<p>{{cssbox("font-family")}}</p>
<h2>Syntaxe</h2>
<pre class="eval">
font-family: [[<i>family-name</i>|<i>generic-family</i>]
    [,<i>family-name</i>|<i>generic-family</i>]*] |<i>inherit</i>
</pre>
<h3 id="Valeurs" name="Valeurs">Valeurs</h3>
<dl>
  <dt>
    family-name&nbsp;</dt>
  <dd>
    Le nom de la famille de fonte ou police. Par exemple, «&nbsp;Times&nbsp;» et «&nbsp;Helvetica&nbsp;» sont des familles de fontes. Les familles de fontes en plusieurs mots, telle que BitStream Vera, doivent être mises entre guillemets.</dd>
  <dt>
    generic-family&nbsp;</dt>
  <dd>
    Les familles de fontes génériques suivantes sont définies&nbsp;: <code>serif</code>, <code>sans-serif</code>, <code>cursive</code>, <code>fantasy</code>, <code>monospace</code>. Ces noms de famille de fontes sont des mots clefs et ne doivent pas être mis entre guillements.</dd>
</dl>
<h2 id="Exemples">Exemples</h2>
<p>{{ CSSRefExampleLink("font-family") }}</p>
<pre class="eval">
body { font-family: "Gill Sans Extrabold", Helvetica, sans-serif }

.receipt { font-family: Courier, "Lucida Console", monospace }
</pre>
<h2 id="Notes">Notes</h2>
<p>Vous devriez toujours spécifier une famille de fonte générique comme dernière valeur de la propriété <code>font-family</code> comme dans l'exemple précédent (<code>monospace</code>).</p>
<p>La propriété <code>font-family</code> définit une liste de fontes dans un ordre de priorité décroissante. La sélection de la fonte
  <i>
    ne s'arrête pas</i>
  à la première fonte de la liste trouvée sur le système de l'utilisateur. Au contraire, la sélection de la fonte se fait
  <i>
    caractère par caractère', ainsi si une fonte disponible ne contient pas un glyphe permettant d'afficher correctement un caractère, les fontes suivantes sont essayées.</i>
</p>
<p>Lorsqu'une fonte n'est disponible dans les caractéristiques de <a href="fr/CSS/font-style">styles</a>, de <a href="fr/CSS/font-variant">variantes</a>, ou de <a href="fr/CSS/font-size">taille</a>, ces propriétés peuvent influencer le choix de la fonte.</p>
<h2 id="Sp.C3.A9cifications">Spécifications</h2>
<ul>
  <li><a class="external" href="http://www.w3.org/TR/CSS1#font-family">CSS 1 (en)</a></li>
  <li><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">CSS 2.1 (en)</a></li>
  <li><a class="external" href="http://www.w3.org/TR/2002/WD-css3-fonts-20020802/#font-family-prop">CSS 3 (en)</a></li>
</ul>
<h2 id="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<p><span class="comment">TBD (This might best be done as a single centralized compatibility chart.)</span></p>
<h2 id="Voir_.C3.A9galement">Voir également</h2>
<p>{{ Référence_CSS:Fonts() }}</p>
Revenir à cette révision