La font-familypropriété définit la police appliquée à l'élément sélectionné. La police sélectionnée n'est pas une seule face de police, mais une «famille», et peut donc dépendre d'autres valeurs de propriétés typographiques pour sélectionner la bonne face dans la famille.
body ( font-family: Arial, Helvetica, sans-serif; )Une valeur peut être l'une des suivantes:
- Un nom de famille de polices qui correspond à une police intégrée à la page ou disponible sur le système de l'utilisateur.
- Une série de noms de famille, séparés par des virgules, qui peuvent inclure un nom de famille générique
Si plusieurs noms de famille sont utilisés, le navigateur sélectionnera le premier qu'il trouve intégré à la page en utilisant @font-faceou installé sur le système d'exploitation de l'utilisateur.
Car font-familyil n'y a pas de valeur par défaut ou initiale spécifique; la valeur initiale dépend toujours du navigateur et / ou du système d'exploitation.
Noms de famille génériques
Si plusieurs valeurs sont utilisées pour une seule déclaration, il est recommandé d'avoir une famille générique répertoriée en dernier comme solution de secours pour garantir la meilleure expérience typographique:
code ( font-family: Courier, Monaco, monospace; )Dans l'exemple ci-dessus, «Courier» et «Monaco» sont de vrais noms de famille de polices réelles, alors que «monospace» est juste une référence générique à toute police installée sur le système de l'utilisateur qui est monospace.
Si les deux premiers ne sont pas installés, le navigateur sélectionnera la meilleure option, mais uniquement parmi les polices monospace. Sans la famille générique, la police serait par défaut la police par défaut sur le système de l'utilisateur (probablement un serif ou sans-serif), ce qui ne serait pas souhaitable.
Les noms de famille génériques comprennent serif, sans-serif, cursive, fantasyet monospace.
Si un nom de famille correspond à un nom de famille générique, le nom de famille doit être cité pour indiquer qu'il n'est pas générique.
Noms de famille à plusieurs mots
Si un nom de famille contient plusieurs mots, séparés par des espaces, il est recommandé de lister le nom de famille entre guillemets (simples ou doubles):
code ( font-family: "Times New Roman", Georgia, serif; )Ce n'est pas toujours nécessaire, mais il est généralement plus sûr d'inclure les guillemets pour tout nom de famille comportant des espaces ou des caractères spéciaux.
Prise en charge du navigateur
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| Travaux | Travaux | Travaux | Travaux | Travaux | Travaux | Travaux |