Propriété font-family

La propriété font-family définit le type de police.

Syntaxe

sélecteur {
	font-family: nom de police;
}

Remarque

Si le nom de la police contient des espaces, par exemple, Times New Roman, il doit être entouré de guillemets simples ou doubles.

Remarque

Il est possible de lister plusieurs polices similaires en les séparant par des virgules. Lorsque le navigateur rencontre la première police dans la liste, il vérifie sa présence sur l'ordinateur de l'utilisateur. Si cette police n'est pas disponible, la police suivante dans la liste est prise et analysée également pour sa présence. Ainsi, spécifier plusieurs polices augmente la probabilité qu'au moins une d'entre elles soit trouvée sur l'ordinateur client.

La liste se termine généralement par un mot-clé, qui décrit le type de police (toutes les polices appartiennent à un type) - serif, sans-serif, cursive, fantasy ou monospace. Si le navigateur ne trouve aucune des polices spécifiées sur l'ordinateur de l'utilisateur, alors il choisira une police du type spécifié.

Types de polices

Type	Description
`serif`	Police avec empattements.
`sans-serif`	Police sans empattements.
`cursive`	Police cursive (simulant l'écriture manuscrite).
`fantasy`	Police décorative avec de belles volutes et des effets inhabituels.
`monospace`	Police à chasse fixe (monospace), la largeur de chaque caractère est identique.

Valeur par défaut : la police définie par défaut dans le navigateur. Il s'agit généralement de Times New Roman.

Exemple

Définissons la famille de police sur Arial :

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: Arial;
}

Exemple

Définissons la famille de police sur Times New Roman. Comme le nom de la police est composé de plusieurs mots, nous le mettons entre guillemets :

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: "Times New Roman";
}

Exemple

Définissons la police sur une police du groupe serif (très probablement Times New Roman sera utilisée) :

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: serif;
}

Exemple

Définissons la police sur une police du groupe sans-serif (très probablement Arial sera utilisée) :

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: sans-serif;
}

Exemple

Définissons la police sur une police du groupe fantasy (cela pourrait ne pas fonctionner chez vous en raison de l'absence d'une telle police) :

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: fantasy;
}

Exemple

Définissons la police sur une police du groupe monospace (les lettres deviendront de taille identique) :

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: monospace;
}