documentation css font-family

Version CSS : 1, 2 et 3

• S’applique à : Tous les éléments.
• Valeur héritée : oui
• Valeur par défaut : selon navigateur et système

Permet de définir la famille de polices à utiliser pour les textes, se présente sous la forme d’une liste de nom de polices à utiliser classée par ordre de préférence. Si l’on indique plusieurs polices, les noms de celles-ci doivent être séparés par une virgule. Pour les noms de polices composés de plusieurs mots, le nom est à mettre entre guillemets (simples ou doubles). Si la police mentionnée n’existe pas sur le système, le navigateur utilisera alors la police par défaut.

Le navigateur va utiliser la première police nommée si elle est présente sur le système ou passera à la suivante. Il est donc nécessaire d’indiquer en dernier lieu les noms de polices génériques :

• serif : famille de police avec empattement (Times New Roman, Bodoni, Garamond, Minion Web, ITC Stone Serif, MS Georgia, Bitstream Cyberbit)
• sans-serif : famille de police sans empattement (MS Trebuchet, ITC Avant Garde Gothic, MS Arial, MS Verdana, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica)
• cursive : famille de police pour écriture manuscrite (Caflisch Script, Adobe Poetica, Sanvito, Ex Ponto, Snell Roundhand, Zapf-Chancery)
• fantasy : famille de police pour écriture originale (Alpha Geometrique, Critter, Cottonwood, FB Reactor, Studz)
• monospace : famille de police avec des signes courrier (Courier, MS Courier New, Prestige, Everson Mono)

Il est également possible d’incorporer directement une police à vos pages avec l’attribut @font-face

Exemple de script

.famille1 {
  font-family: Arial, Helvetica, sans-serif ;
}
 
.famille2 {
  font-family: "Times New Roman", Times, serif;
}
 
.famille3 {
  font-family: "Courier New", Courier, monospace;
}