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.
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