CSS:font-family
Un article de MDC.
[modifier] Résumé
font-family indique une liste de fontes -ou de familles génériques de fontes- à appliquer à l'élément sélectionné, par ordre de priorité. Contrairement aux autres propriétés CSS, les valeurs sont séparées par des virgules « , » pour indiquer que se sont des alternatives.
- Valeur initiale : dépendante de l'agent utilisateur
- S'applique à : tous les éléments
- Héritée : oui
- Pourcentages : N/A
- Média : Visuel
- Valeur calculée : comme spécifiée
[modifier] Syntaxe
font-family: [[family-name|generic-family]
[,family-name|generic-family]*] | inherit
[modifier] Valeurs
- family-name
- Le nom de la famille de fonte ou police. Par exemple, « Times » et « Helvetica » sont des familles de fontes. Les familles de fontes en plusieurs mots, telle que BitStream Vera, doivent être mises entre guillemets.
- generic-family
- Les familles de fontes génériques suivantes sont définies :
serif,sans-serif,cursive,fantasy,monospace. Ces noms de famille de fontes sont des mots clefs et ne doivent pas être mis entre guillements.
[modifier] Exemples
Voir des exemples en ligne (en)
body { font-family: "Gill Sans Extrabold", Helvetica, sans-serif }
.receipt { font-family: Courier, "Lucida Console", monospace }
[modifier] Notes
Vous devriez toujours spécifier une famille de fonte générique comme dernière valeur de la propriété font-family comme dans l'exemple précédent (monospace).
La propriété font-family définit une liste de fontes dans un ordre de priorité décroissante. La sélection de la fonte ne s'arrête pas à la première fonte de la liste trouvée sur le système de l'utilisateur. Au contraire, la sélection de la fonte se fait caractère par caractère', ainsi si une fonte disponible ne contient pas un glyphe permettant d'afficher correctement un caractère, les fontes suivantes sont essayées.
Lorsqu'une fonte n'est disponible dans les caractéristiques de styles, de variantes, ou de taille, ces propriétés peuvent influencer le choix de la fonte.
[modifier] Spécifications
[modifier] Compatibilité des navigateurs
[modifier] Voir également
font, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight