Le blog du marketing interactif

Vous en avez marre des déclarations CSS font-family qui contiennent invariablement la même liste de police de caractères Helvetica, Arial, sans-serif ? Voici des ensembles de 8 typographies “intelligentes” pour afficher vos articles plus élégamment.

Voici comment se présentent ces familles :

body {
font-family :
police exacte,
alternative la plus proche,
alternative la plus répandue pour chaque plateforme,
alternative universelle (cross-platform),
famille générique
}

Les huit familles de polices

1. Times New Roman et serif

font-family:
Cambria,
"Hoefler Text",
Utopia,
"Liberation Serif",
"Nimbus Roman No9 L Regular",
Times,
"Times New Roman",
serif;

2. Georgia

font-family:
Constantia,
"Lucida Bright",
Lucidabright,
"Lucida Serif",
Lucida,
"DejaVu Serif",
"Bitstream Vera Serif",
"Liberation Serif",
Georgia,
serif;

3. Garamond

font-family:
"Palatino Linotype",
Palatino,
Palladio,
"URW Palladio L",
"Book Antiqua",
Baskerville,
"Bookman Old Style",
"Bitstream Charter",
"Nimbus Roman No9 L",
Garamond,
"Apple Garamond",
"ITC Garamond Narrow",
"New Century Schoolbook",
"Century Schoolbook",
"Century Schoolbook L",
Georgia,
serif;

4. Helvetica/Arial

font-family:
Frutiger,
"Frutiger Linotype",
Univers,
Calibri,
"Gill Sans",
"Gill Sans MT",
"Myriad Pro",
Myriad,
"DejaVu Sans Condensed",
"Liberation Sans",
"Nimbus Sans L",
Tahoma,
Geneva,
"Helvetica Neue",
Helvetica,
Arial,
sans serif;

5. Verdana

font-family:
Corbel,
"Lucida Grande",
"Lucida Sans Unicode",
"Lucida Sans",
"DejaVu Sans",
"Bitstream Vera Sans",
"Liberation Sans",
Verdana,
"Verdana Ref",
sans serif;

6. Trebuchet

font-family:
"Segoe UI",
Candara,
"Bitstream Vera Sans",
"DejaVu Sans",
"Bitstream Vera Sans",
"Trebuchet MS",
Verdana,
"Verdana Ref",
sans serif;

7. Impact

font-family:
Impact,
Haettenschweiler,
"Franklin Gothic Bold",
Charcoal,
"Helvetica Inserat",
"Bitstream Vera Sans Bold",
"Arial Black",
sans serif;

8. Monospace

font-family:
Consolas,
"Andale Mono WT",
"Andale Mono",
"Lucida Console",
"Lucida Sans Typewriter",
"DejaVu Sans Mono",
"Bitstream Vera Sans Mono",
"Liberation Mono",
"Nimbus Mono L",
Monaco,
"Courier New",
Courier,
monospace;

21 autres ensembles plus classiques

font-family: Arial, Helvetica, sans-serif;
font-family: ‘Arial Black’, Gadget, sans-serif;
font-family: ‘Bookman Old Style’, serif;
font-family: ‘Comic Sans MS’, cursive;
font-family: Courier, monospace;
font-family: ‘Courier New’, Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: ‘Lucida Console’, Monaco, monospace;
font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
font-family: ‘MS Sans Serif’, Geneva, sans-serif;
font-family: ‘MS Serif’, ‘New York’, sans-serif;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: ‘Times New Roman’, Times, serif;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, ‘Zapf Dingbats’, sans-serif;

L’article original sur le blog de Grégoire Pouget.