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é | 5+
4+
4+
3+
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"); } |
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>
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>