La typographie et la mise en forme de caractères
CHAPITRE 5
71
Déclarer la police en CSS
C’est la propriété font-family qui permet de contrôler la police affectée à un élément du site (qu’il s’agisse du document complet ou de l’une de ses parties). Le code
suivant applique ainsi la police Trebuchet MS à l’ensemble du document :
Cette propriété se transmettant hiérarchiquement par héritage, elle vaudra également pour tous les descendants de l’élément , c’est-à-dire à toute la page web.
Il sera donc inutile de préciser une police pour chacun d’entre eux, sauf évidemment
pour en changer.
Si Trebuchet MS est absente de l’ordinateur, elle y sera remplacée par Times. Pour
éviter cela, on précisera plusieurs valeurs à font-family, ce qui en étendra les possibilités. Par exemple :
Les familles de polices génériques
Toutes les polices sont classées par familles génériques, qui les regroupent selon leur
empattement, leur chasse, ou leur style. On trouve ainsi les familles sérif, sans sérif,
monospace (polices à chasse fixe), cursive et fantasy – les trois premières étant les
plus courantes sur le Web. Les dernières relèvent du gadget et nous ne nous y attarderons pas.
Préciser plusieurs familles dans la déclaration font-family augmente la probabilité
que le visiteur disposera d’au moins de l’une d’entre elles. Par exemple :
Les empattements des caractères s’appellent sérifs (exemple : police Times). Un « i »
majuscule sans sérif a l’allure d’un simple trait vertical. Avec sérifs, il arbore de petits
traits horizontaux, selon la forme d’un « H » renversé. Ainsi, les titres et sous-titres
de cet ouvrage sont écrits sans sérifs, mais le corps du texte principal y recourt.
body {
font-family: 'Trebuchet MS';
}
body {
font-family: 'Trebuchet MS', times, verdana;
}
body {
font-family: 'Trebuchet MS', times, verdana, sans-serif;
}