font-family |
Famille de police de caractères |
|---|---|
| CSS |
Syntaxe
| font-family: paramètres; |
Paramètres
| Paramètre | Description | ||
|---|---|---|---|
| paramètres | Ce paramètre de propriété permet d'indiquer la famille de police de caractères : | ||
| Valeur | Aperçu | Description | |
| "Aapex" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Aapex. | |
| "Aardvark" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Aardvark. | |
| "Adobe Minion Cyrillic" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Adobe Minion Cyrillic. | |
| "Adobe Poetica" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Adobe Poetica. | |
| "Akzidenz Grotesk" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Akzidenz Grotesk. | |
| "Albertus Extra Bold" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Albertus Extra Bold. | |
| "Albertus Medium" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Albertus Medium. | |
| "Algerian" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Algérien. | |
| "Alpha Geometrique" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Alpha Geometrique. | |
| "Antiqua" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Antiqua. | |
| "Antique Olive" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Antique Olive. | |
| "Arial" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Arial. | |
| "Arial Black" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Arial Black. | |
| "Arial Hebrew" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Arial Hebrew. | |
| "Arial MT Condensed Light" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Arial MT Condensed Light. | |
| "Arial Narrow" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Arial Narrow. | |
| "Arial Rounded MT Bold" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Arial Rounded MT Bold. | |
| "Attika" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Attika. | |
| "Bastion" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Bastion. | |
| "Bitstream Cyberbit" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Bitstream Cyberbit. | |
| "Blackletter" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Blackletter. | |
| "Bodoni" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Bodoni. | |
| "Bodoni MT Ultra Bold" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Bodoni MT Ultra Bold. | |
| "Book Antiqua" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Book Antiqua. | |
| "Bookman Old Style" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Bookman Old Style. | |
| "Braggadocio" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Braggadocio. | |
| "Britannic Bold" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Britannic Bold. | |
| "Brooklyn" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Brooklyn. | |
| "Brush" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Brush. | |
| "Brush Script MT" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Brush Script MT. | |
| "Caflisch Script" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Caflisch Script. | |
| "Calibri" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Calibri. | |
| "Carleton" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Carleton. | |
| "Century Gothic" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Century Gothic. | |
| "Century Schoolbook" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Century Schoolbook. | |
| "CG Times" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille CG Times. | |
| "Charcoal" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Charcoal. | |
| "Chicago" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Chicago. | |
| "Colonna MT" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Colonna MT. | |
| "Comic Sans" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Comic Sans. | |
| "Comic Sans MS" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Comic Sans MS. | |
| "Coronet" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Coronet. | |
| "Corsiva" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Corsiva. | |
| "Cottonwood" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Cottonwood. | |
| "Courier" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Courier. | |
| "Courier New" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Courier New. | |
| "Critter" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Critter. | |
| "cursive" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille cursive. | |
| "Cursive Elegant" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Cursive Elegant. | |
| "DawnCastle" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille DawnCastle. | |
| "Decorative" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Decorative. | |
| "DecoType Naskh" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille DecoType Naskh. | |
| "Desdemona" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Desdemona. | |
| "Donata" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Donata. | |
| "ER Architekt" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille ER Architekt. | |
| "ER Bukinst" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille ER Bukinst. | |
| "ER Kurier" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille ER Kurier. | |
| "ER Univers" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille ER Univers. | |
| "Erie" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Erie. | |
| "Everson Mono" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Everson Mono. | |
| "Excelcior Cyrillic Upright" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Excelcior Cyrillic Upright. | |
| "Expo" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Expo. | |
| "Ex Ponto" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Ex Ponto. | |
| "FB Reactor" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille FB Reactor. | |
| "Footlight MT Light" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Footlight MT Light. | |
| "Fraktur" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Fraktur. | |
| "Fritzquad" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Fritzquad. | |
| "Frosty" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Frosty. | |
| "Futo Min A101" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Futo Min A101. | |
| "Futura" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Futura. | |
| "Garamond" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Garamond. | |
| "Geneva" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Geneva. | |
| "Georgia" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Georgia. | |
| "GilbertUltraBold" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille GilbertUltraBold. | |
| "Gill Sans" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Gill Sans. | |
| "Gill Sans Condensed Bold" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Gill Sans Condensed Bold. | |
| "GV Terminal" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille GV Terminal. | |
| "Haettenschweiler" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Haettenschweiler. | |
| "Heisei Kaku Gothic W5" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Heisei Kaku Gothic W5. | |
| "Helvetica" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Helvetica. | |
| "Helvetica Cyrillic" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Helvetica Cyrillic. | |
| "Helvetica Greek" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Helvetica Greek. | |
| "Humanst521 Cn BT" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Humanst521 Cn BT. | |
| "Impact" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Impact. | |
| "ITC Avant Garde Gothic" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille ITC Avant Garde Gothic. | |
| "ITC Stone Sans" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille ITC Stone Sans. | |
| "ITC Stone Serif" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille ITC Stone Serif. | |
| "Kino MT" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Kino MT. | |
| "Klang MT" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Klang MT. | |
| "Kyokasho ICA" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Kyokasho ICA. | |
| "Lansbury" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Lansbury. | |
| "Latin fonts" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Latin fonts. | |
| "Letter Gothic" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Letter Gothic. | |
| "Lincoln" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Lincoln. | |
| "Lo Cicero Cherokee" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Lo Cicero Cherokee. | |
| "Lucida" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Lucida. | |
| "Lucida Sans Unicode" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Lucida Sans Unicode. | |
| "Marlett" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Marlett. | |
| "Matura MT Script Capitals" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Matura MT Script Capitals. | |
| "Merlin" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Merlin. | |
| "Micro" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Micro. | |
| "Minion" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Minion. | |
| "Minion Web" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Minion Web. | |
| "Modern" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Modern. | |
| "Monaco" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Monaco. | |
| "Monotype Albion 70" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Monotype Albion 70. | |
| "Monotype.com" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Monotype.com. | |
| "Monotype Gill Sans 571" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Monotype Gill Sans 571. | |
| "Monotype Urdu 507" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Monotype Urdu 507. | |
| "Motor" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Motor. | |
| "MS Arial" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille MS Arial. | |
| "MS Courier New" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille MS Courier New. | |
| "MS-DOS CP 437" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille MS-DOS CP 437. | |
| "MS Georgia" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille MS Georgia. | |
| "MS LineDraw" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille MS LineDraw. | |
| "MS Tahoma" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille MS Tahoma. | |
| "MS Trebuchet" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille MS Trebuchet. | |
| "MS Verdana" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille MS Verdana. | |
| "Ner Berolina MT" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Ner Berolina MT. | |
| "New Peninim" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille New Peninim. | |
| "New York" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille New York. | |
| "Old English" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Old English. | |
| "Old English Text MT" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Old English Text MT. | |
| "Osaka Monospaced" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Osaka Monospaced. | |
| "OzHandicraft BT" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille OzHandicraft BT. | |
| "Palatino" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Palatino. | |
| "Playbill" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Playbill. | |
| "Prestige" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Prestige. | |
| "Raanana" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Raanana. | |
| "Roman" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Roman. | |
| "Rosewwod" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Rosewwod. | |
| "Ryumin Light-KL" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Ryumin Light-KL. | |
| "serif" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille serif. | |
| "sans-serif" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille sans-serif. | |
| "Sanvito" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Sanvito. | |
| "Script MT Bold" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Script MT Bold. | |
| "Shin Go" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Shin Go. | |
| "Small Fonts" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Small Fonts. | |
| "Snell Roundhand" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Snell Roundhand. | |
| "Sonoma" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Sonoma. | |
| "Sonoma Italic" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Sonoma Italic. | |
| "Studz" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Studz. | |
| "Swiss" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Swiss. | |
| "Swiss721 BlkEx BT" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Swiss721 BlkEx BT. | |
| "Script" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Script. | |
| "Terminal" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Terminal. | |
| "Times" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Times. | |
| "Times New Roman" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Times New Roman. | |
| "Trebuchet MS" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Trebuchet MS. | |
| "Typiko New Era" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Typiko New Era. | |
| "Univers" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Univers. | |
| "Univers Condensed" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Univers Condensed. | |
| "Verdana" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Verdana. | |
| "Wide Latin" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Wide Latin. | |
| "Zap Chance" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Zap Chance. | |
| "Zapf-Chancery" | Ceci est un texte d'exemple | Cette valeur permet d'indiquer une police de caractères de la famille Zapf-Chancery. | |
| "..." | ... | ... | |
Description
Cette propriété permet d'indiquer les modèles de police de caractères utilisé.
Remarques
- Ce ne sont pas toutes les polices de caractères étant supportés par tous les navigateurs Web. Il existe des outils de Google comme le «Google web fonts» permettant de pallier à ce problème en utilisant du JavaScript ou les CSS3.
- Seul les polices de caractères suivantes sont supportés par tous les navigateurs : Arial, Helvetica, sans-serif, Tahoma, Times New Roman, Verdana.
- Définition et utilisation : La propriété font-family définit la famille de polices de caractères à utiliser pour le texte dans un élément HTML. Elle peut accepter une ou plusieurs valeurs, indiquant une priorité de polices à utiliser. Si la première police de caractères n'est pas disponible, le navigateur essaiera la suivante dans la liste.
- Polices de caractères génériques et personnalisées : font-family permet d'utiliser des polices génériques (comme serif, sans-serif, monospace) ou des polices spécifiques comme celles définies par l'utilisateur ou provenant de services comme Google Fonts. Il est recommandé de toujours spécifier une police de caractères générique en dernier recours pour garantir que le texte reste lisible si les polices personnalisées ne sont pas disponibles.
- Liste de polices de caractères : La propriété accepte une liste de polices de caractères séparées par des virgules. Le navigateur commence par essayer la première police de caractères et passe à la suivante si la précédente n'est pas disponible sur le système de l'utilisateur. Il est donc crucial de définir un ordre logique de polices de caractères pour assurer la compatibilité.
- Polices de caractères "Web-safe" : Les polices de caractères "web-safe" sont des polices de caractères étant couramment disponibles sur la plupart des systèmes d'exploitation (comme Arial, Times New Roman, Courier). L'utilisation de ces polices garantit que le texte sera affiché correctement sur une large gamme de dispositifs et systèmes.
- Compatibilité avec les polices de caractères système : Les polices de caractères système, comme -apple-system, BlinkMacSystemFont, ou Segoe UI, permettent d'utiliser les polices de caractères par défaut des systèmes d'exploitation spécifiques. Cela peut améliorer la performance et l'aspect natif des applications Web, car elles sont déjà installées sur l'appareil de l'utilisateur.
- Fonctionnement avec les polices de caractères personnalisées : Il est possible de spécifier des polices de caractères personnalisées via la règle @font-face ou des services externes comme Google Fonts. Cela permet d'utiliser des polices de caractères n'étant pas installées localement sur l'appareil de l'utilisateur, mais cela peut entraîner un léger retard de rendu lors du chargement des polices externes.
- Priorité et hiérarchie des polices de caractères : Lorsqu'une liste de polices de caractères est fournie dans font-family, l'ordre est crucial. Les premières polices de caractères doivent être les plus susceptibles d'être installées sur le système, et la dernière police de caractères doit être une famille générique (comme serif ou sans-serif) pour garantir que le texte reste lisible même en cas d'absence de la police de caractères personnalisée.
- Impact sur l'accessibilité et l'expérience utilisateur : L'utilisation d'une police de caractères lisible et bien choisie peut améliorer l'accessibilité et l'expérience utilisateur. Par exemple, les polices de caractères sans-serif sont souvent préférées pour les interfaces numériques car elles sont plus faciles à lire sur les écrans. Assurez-vous que la police de caractères choisie ne nuit pas à la lisibilité pour les utilisateurs ayant des besoins spécifiques, comme ceux ayant des troubles de la vision.
Exemple
Voici un exemple montrant comment utiliser une police de caractères Tahoma, si elle n'est pas installé utilise Arial, et ainsi de suite :
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
Voir également
Langage de programmation - HTML - Référence des balises - FONT
Langage de programmation - CSS - Référence des propriétés - font
Langage de programmation - CSS - Référence des propriétés - font-size
Langage de programmation - CSS - Référence des propriétés - font-size-adjust
Langage de programmation - CSS - Référence des propriétés - font-stretch
Langage de programmation - CSS - Référence des propriétés - font-style
Langage de programmation - CSS - Référence des propriétés - font-variant
Langage de programmation - CSS - Référence des propriétés - font-weight
Dernière mise à jour : Dimanche, le 20 décembre 2015