Accueil    CSS    Propriété Font-family
 



style css font-family  Style CSS font-family

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété font-family indique quelle police de caractère appliquer sur le texte concerné. Il se peut que la police employée ne soit pas présente sur le poste de l'utilisateur, ce qui peut être anticipé en définissant une liste de plusieurs polices que le navigateur web tentera d'appliquer par ordre de déclaration.




Propriétés pour le style font-family :




Propriété Définition Valeurs CSS
font-family Indique la police de caractère qui sera employée sur le texte contenu par l'élément police spécifique
police générique
inherit
CSS 1


Exemple d'utilisation du style css font-family :





Application de différentes polices :

<label style="font-size:12px; font-family:arial;">exemple de font : arial</label>
<label style="font-size:12px; font-family:verdana;">exemple de font : verdana</label>
<label style="font-size:12px; font-family:tahoma;">exemple de font : tahoma</label>
<label style="font-size:12px; font-family:courier;">exemple de font : courier</label>
<label style="font-size:12px; font-family:georgia;">exemple de font : georgia</label>
<label style="font-size:12px; font-family:calibri;">exemple de font : calibri</label>
<label style="font-size:12px; font-family:serif;">exemple de font : serif</label>
<label style="font-size:12px; font-family:sans-serif;">exemple de font : sans-serif</label>
<label style="font-size:12px; font-family:fantasy;">exemple de font : fantasy</label>
<label style="font-size:12px; font-family:cursive;">exemple de font : cursive</label>

Définition de plusieurs polices pour anticiper le cas ou la première police n'est pas définie chez l'utilisateur :

<label style="font-size:12px; font-family:testpolice, calibri, verdana;">
   Police testpolice qui n'existe pas, on applique alors la seconde police : calibri et si à nouveau cette police n'est pas supportée on applique la police : verdana.
</label>













Définition de plusieurs polices pour anticiper le cas ou la première police n'est pas définie chez l'utilisateur :