Propriété CSS font-family
Exemple
Spécifiez la police pour deux paragraphes :
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
Définition et utilisation
La font-familypropriété spécifie la police d'un élément.
La font-familypropriété peut contenir plusieurs noms de polices en tant que système "de secours". Si le navigateur ne prend pas en charge la première police, il essaie la police suivante.
Il existe deux types de noms de famille de polices :
- family-name - Le nom d'une famille de polices, comme "times", "courier", "arial", etc.
- generic-family - Le nom d'une famille générique, comme "serif", "sans-serif", "cursive", "fantasy", "monospace".
Commencez par la police que vous voulez et terminez toujours par une famille générique, pour laisser le navigateur choisir une police similaire dans la famille générique, si aucune autre police n'est disponible.
Remarque : Séparez chaque valeur par une virgule.
Remarque : Si un nom de police contient des espaces blancs, il doit être placé entre guillemets. Les guillemets simples doivent être utilisés lors de l'utilisation de l'attribut "style" en HTML.
| Valeur par défaut: | dépend du navigateur |
|---|---|
| Hérité: | Oui |
| Animable : | non. En savoir plus sur l'animation |
| Version: | CSS1 |
| Syntaxe JavaScript : | object .style.fontFamily="Verdana,sans-serif" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
| Property | |||||
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe CSS
font-family: family-name|generic-family|initial|inherit;
Valeurs de propriété
| Value | Description | Play it |
|---|---|---|
| family-name generic-family |
A prioritized list of font family names and/or generic family names | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Pages connexes
Tutoriel CSS : Police CSS
Référence CSS : propriété de la police
Référence HTML DOM : propriété fontFamily