www.webelix.net

[ CSS ]


La propriété Font-Family

Cette propriété définit la famille de police de caractères.

Sa valeur est décomposée en deux parties si vous définissez une police de caractères générique choisie parmi les valeurs serif, sans-serif, cursive, fantasy ou monospace, sinon le seul nom de la police de caractères peut suffire à déterminer le type de caractères à appliquer à l'élément du document HTML.

En général, les polices de caractères utilisées sont standards. Mais l'on peut très bien utiliser une police spécifique venant de notre propre bibliothèque locale. Voir src:local ci-dessous.

font-family
Valeur nom_de_la_police_spécifique
nom_de_famille, nom_de_la_police_générique
src: local("Nom_de_la_police"), url("/nom_fichier.TTF") format("TrueType");
Type CSS 1
Compatibilité Compatible Internet Explorer 5+ Compatible Netscape 4+ Compatible Firefox 4+ Compatible Safari 3+ Compatible Opera 9+
Valeur par défaut Dépend du navigateur
Domaine d'application Tous les éléments
Héritage oui
Media visuel

Valeur
possible
Action Exemple
Nom de police spécifique La propriété demande une police de caractères spécifique. p {
font-family: Times New Roman
}
Nom de famille,
Nom de police générique
La propriété demande une police de caractères générique. p {
font-family: new century schoolbook, serif
}
src: local
src: url
La propriété charge une police de caractères spécifique, à partir d'un emplacement local sur le serveur. p {
font-family: Battlefield;
src: local("Battlefield"), url("/BATTLE3.TTF") format("TrueType");
}

Exemples

Feuilles de cascade, niveau 1

CSS1 est un mécanisme simple de feuille de modèle qui permet à des auteurs et à des lecteurs, d'attacher un modèle (par exemple polices, couleurs et espacement) aux documents HTML.

<h4 style="font-family: Arial">
  ...
</h4>
<p style="font-family: Times New Roman">
  ... 
</p>

Feuilles de cascade, niveau 1

CSS1 est un mécanisme simple de feuille de modèle qui permet à des auteurs et à des lecteurs, d'attacher un modèle (par exemple polices, couleurs et espacement) aux documents HTML.

<h4 style="font-family: Verdana, sans-serif">
  ... 
</h4>
<p style="font-family: Century, cursive">
  ... 
</p>