Tailles de police courantes (base 16 px)
| pt | px | mm | rem |
|---|---|---|---|
| 6 | 8 | 2,12 | 0,5 |
| 7 | 9,33 | 2,47 | 0,583 |
| 8 | 10,67 | 2,82 | 0,667 |
| 9 | 12 | 3,17 | 0,75 |
| 10 | 13,33 | 3,53 | 0,833 |
| 10,5 | 14 | 3,7 | 0,875 |
| 11 | 14,67 | 3,88 | 0,917 |
| 12 | 16 | 4,23 | 1 |
| 14 | 18,67 | 4,94 | 1,167 |
| 16 | 21,33 | 5,64 | 1,333 |
| 18 | 24 | 6,35 | 1,5 |
| 20 | 26,67 | 7,06 | 1,667 |
| 24 | 32 | 8,47 | 2 |
| 28 | 37,33 | 9,88 | 2,333 |
| 32 | 42,67 | 11,29 | 2,667 |
| 36 | 48 | 12,7 | 3 |
| 48 | 64 | 16,93 | 4 |
| 60 | 80 | 21,17 | 5 |
| 72 | 96 | 25,4 | 6 |
Mode d'emploi
- Saisissez la taille et choisissez son unité : points, pixels, millimètres ou em/rem.
- En em ou en rem, indiquez la taille de base en pixels. Les navigateurs partent de 16 px.
- Lisez toutes les équivalences et regardez l'aperçu. Calibrez d'abord la règle à l'écran pour un aperçu à la taille physique réelle.
Comment ça marche
La norme CSS relie toutes les unités par le pouce : 1 po = 96 px = 72 pt = 25,4 mm. Les points et les millimètres sont des unités absolues. Les em et les rem sont relatifs : ils multiplient la taille de police de base, que les navigateurs fixent à 16 px sauf si le lecteur ou la feuille de style la modifie.
pt = px × 0,75 · mm = px × 25,4 ÷ 96 · em = px ÷ base
Exemple chiffré
La maquette imprimée prévoit un texte courant en corps 9 et vous montez la version web sur une base de 16 px : 9 × 96 ÷ 72 = 12 px, soit 12 ÷ 16 = 0,75rem. Sur papier, le corps mesure 12 × 25,4 ÷ 96 = 3,175 mm. Dans l'autre sens, un titre de 24 px fait 18 pt, 1,5rem et 6,35 mm.
Hypothèses et limites
- Un pixel CSS n'est pas un pixel physique. Sur un téléphone à écran 3×, 16 px CSS occupent 48 pixels réels, et leur taille visible dépend de l'écran : d'où la règle calibrée pour un aperçu à taille réelle.
- Il s'agit du point PostScript (1/72 de pouce). Le point Didot, encore utilisé dans une partie de l'imprimerie européenne, mesure environ 0,376 mm, soit 7 % de plus.
- La taille de police définit le corps, pas la hauteur des lettres : deux polices de même taille peuvent paraître très différentes.
- Certaines applications suivent la mise à l'échelle de l'affichage : à 125 %, un corps 12 peut apparaître en 20 px.
Questions fréquentes
Combien de pixels font 12 points ?
16 px. En CSS, un pouce vaut 96 px et 72 pt, donc 1 pt = 1,333 px.
Quelle différence entre em et rem ?
Les deux sont des multiples d'une taille de police. 1rem vaut toujours la taille de la racine (16 px par défaut), tandis que 1em vaut la taille de l'élément parent : les em se multiplient quand on les imbrique.
Un texte en corps 12 mesure-t-il 4,23 mm de haut ?
Le cadratin, oui ; les lettres, non. Les capitales occupent en général environ 70 % du corps, soit à peu près 3 mm en corps 12. Le chiffre exact dépend de la police.