Convertisseur de taille de police

Comment utiliser le convertisseur de taille de police

1. 1. Saisissez une taille et son unité. Tapez 12 et choisissez points, ou 24 et choisissez pixels — l'une des neuf unités peut servir de point de départ.
2. 2. Réglez les tailles de référence si nécessaire. rem se mesure par rapport à la taille de police racine (html), et em et % par rapport à celle de l'élément parent. Les deux valent 16 px par défaut, la valeur du navigateur.
3. 3. Lisez la taille dans chaque unité. Chaque ligne donne la valeur et le CSS à coller, avec un bouton de copie ; le calcul détaille chaque conversion par les pixels.
4. 4. Consultez le tableau des tailles courantes. Les tailles en points d'un menu de traitement de texte, de 6 à 72, sont listées avec leurs équivalents en pixels, em, rem, pourcentage et millimètres.

Les règles de conversion

Le CSS fixe les unités physiques les unes par rapport aux autres : un pouce vaut 96 pixels, 72 points, 6 picas ou 25,4 millimètres. Un point vaut donc exactement 4/3 de pixel. Les unités relatives ont besoin d'un nombre de plus : la taille de police à laquelle elles se rapportent.

Avec les valeurs par défaut, 12 pt valent 12 × 96 ÷ 72 = 16 px. Puis 16 ÷ 16 donne 1 em, 1 rem et 100 %, et 16 × 25,4 ÷ 96 donne 4,2333 mm. Si la taille du parent est fixée à 20 px, les mêmes 16 px deviennent 0,8 em et 80 % — mais restent 1 rem, car rem ignore le parent.

Pourquoi 12 pt valent 16 px

Un point vaut 1/72 de pouce et un pixel CSS 1/96 de pouce ; 12 points valent donc 12/72 = 1/6 de pouce, soit 96 ÷ 6 = 16 pixels. Word sous Windows et Google Docs considèrent eux aussi qu'un pouce vaut 96 pixels à l'écran ; ainsi, à 100 % de zoom, un texte de 12 points paraît de la même taille qu'un texte de 16 px dans un navigateur — et 16 px est la taille que les navigateurs utilisent pour un texte qu'aucune feuille de style n'a dimensionné.

Un pixel CSS ne correspond pas forcément à un point de votre écran. Sur un écran à haute densité, un pixel CSS couvre plusieurs pixels physiques, et le navigateur redimensionne toutes les unités ensemble, si bien que les rapports ci-dessus restent toujours valables. LaTeX est l'exception courante au pouce de 72 points : son pt est le point typographique, 72,27 au pouce, si bien qu'un 12pt LaTeX est environ 0,4 % plus petit que 12 pt dans Word ou en CSS. Le « big point » de TeX (bp) est le point à 72 au pouce utilisé par ce convertisseur.

Tailles de police pour les travaux universitaires

Les guides de style fixent les tailles de caractères en points ; la police d'un travail n'a donc jamais besoin d'être convertie, mais il est utile de savoir ce que chaque guide demande réellement :

• APA 7 nomme des couples police et taille plutôt qu'une taille unique : Calibri de 11 points, Arial de 11 points, Lucida Sans Unicode de 10 points, Times New Roman de 12 points, Georgia de 11 points ou Computer Modern de 10 points.
• MLA 9 demande une police facilement lisible dont l'italique contraste avec le caractère normal, à une taille comprise entre 11 et 13 points, sauf si votre enseignant en décide autrement.
• Turabian (le style Chicago pour les étudiants) : la fiche officielle propose Times New Roman ou Calibri en 12 points, ou Arial en 11 points.

Les polices n'ont pas la même apparence à la même taille : Arial paraît plus grand que Times New Roman, ce qui explique qu'APA associe chaque police à sa propre taille. Pour les marges, l'interligne, les en-têtes et le reste de la page, voir Comment mettre en forme un travail universitaire en APA, MLA et Chicago.

Questions fréquentes

Combien de pixels font 12 pt ?

16 pixels. Le CSS définit un pouce comme 96 pixels et 72 points ; un point vaut donc 4/3 de pixel, et 12 × 4/3 = 16. La même règle donne 10 pt = 13,33 px, 11 pt = 14,67 px et 14 pt = 18,67 px.

Comment convertir des px en rem ?

Divisez par la taille de police racine. Avec la valeur par défaut de 16 px, 24 px valent 24 ÷ 16 = 1,5 rem et 14 px valent 0,875 rem. Si votre feuille de style donne à l'élément html une autre taille, saisissez-la comme taille racine : le convertisseur l'utilisera.

Quelle est la différence entre em et rem ?

Les deux sont relatifs à une taille de police, mais pas à la même. rem se réfère toujours à l'élément racine (html), donc 1,5 rem a la même taille partout dans la page. em se réfère à l'élément parent, donc 1,5 em à l'intérieur d'une boîte dont le texte fait déjà 1,5 em donne 2,25 fois la taille racine : em se cumule, rem non.

1 em vaut-il toujours 16 px ?

Seulement par défaut. 1 em équivaut à la taille de police du parent et 1 rem à celle de la racine ; les navigateurs commencent les deux à 16 px. Un lecteur qui augmente la taille de texte par défaut dans les paramètres de son navigateur modifie ce point de départ : c'est pourquoi un texte dimensionné en rem ou en em suit son choix, et un texte dimensionné en px non.

Combien mesurent 12 pt en millimètres ?

12 points valent 1/6 de pouce, soit environ 4,23 mm. C'est la taille de la case em de la police, l'espace de dessin de chaque lettre, et non la hauteur d'une majuscule, qui dans les polices de texte courantes vaut à peu près les deux tiers de celle-ci.

Pourquoi une même taille en points paraît-elle plus grande dans certaines polices ?

La taille en points fixe la case em, non les lettres visibles. Les polices dessinent leurs lettres selon des proportions différentes dans cette case — Arial a des minuscules plus hautes que Times New Roman — si bien qu'un texte de 12 points en Arial paraît plus grand. C'est pourquoi APA 7 associe Arial de 11 points à Times New Roman de 12 points, au lieu d'une taille unique pour toutes les polices.