Familles de polices
Après la couleur, la propriété font est certainement l'une des plus importantes pour un document. Cette page ne contient pas "d'astuce" sur les polices de caractères mais montre l'étendue des variations que CSS autorise sur les polices.
Puisque toutes les polices ne sont pas disponibles sur tous les ordinateurs (il y en a des milliers et la plupart ne sont pas libres de droits), CSS fournit un mécanisme de repli. Vous listez la police que vous voulez en premier, puis les polices qui peuvent la remplacer si elle n'est pas disponible, et vous terminez la liste avec une police générique, lesquelles sont au nombre de cinq: serif, sans-serif, monospace, cursive and fantasy.
Le tableau ci-dessous montre divers exemples de polices (votre navigateur peut ne pas toutes les connaître). Vous pouvez voir comment votre navigateur réagit avec chacune des cinq familles génériques:
| Police | Votre navigateur | Échantillon |
|---|---|---|
| 'sans-serif': polices normales sans 'évasement' (without serifs) | ||
Arial, sans-serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Helvetica, sans-serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Verdana, sans-serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Trebuchet MS, sans-serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Gill Sans, sans-serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Noto Sans, sans-serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Avantgarde, TeX Gyre Adventor, URW Gothic L,
sans-serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Optima, sans-serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Arial Narrow, sans-serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
sans-serif
| The Quick Brown Fox Jumps Over The Lazy Dog | |
| 'serif': polices normales avec 'évasement' (with serifs) | ||
Times, Times New Roman, serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Didot, serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Georgia, serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Palatino, URW Palladio L, serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Bookman, URW Bookman L, serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
New Century Schoolbook, TeX Gyre Schola, serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
American Typewriter, serif
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
serif
| The Quick Brown Fox Jumps Over The Lazy Dog | |
| 'monospace': chaque caractère à la même largeur | ||
Andale Mono, monospace
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Courier New, monospace
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Courier, monospace
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
FreeMono, monospace
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
OCR A Std, monospace
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
DejaVu Sans Mono, monospace
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
monospace
| The Quick Brown Fox Jumps Over The Lazy Dog | |
| 'cursive': polices qui ont un aspect manuscrit | ||
Comic Sans MS, Comic Sans, cursive
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Apple Chancery, cursive
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Bradley Hand, cursive
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Brush Script MT, Brush Script Std, cursive
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Snell Roundhand, cursive
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
URW Chancery L, cursive
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
cursive
| The Quick Brown Fox Jumps Over The Lazy Dog | |
| 'fantasy': polices décoratives, pour les titres, etc. | ||
Impact, fantasy
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Luminari, fantasy
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Chalkduster, fantasy
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Jazz LET, fantasy
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Blippo, fantasy
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Stencil Std, fantasy
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Marker Felt, fantasy
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
Trattatello, fantasy
| The Quick Brown Fox Jumps Over The Lazy Dog | 
|
fantasy
| The Quick Brown Fox Jumps Over The Lazy Dog | |
