Tailles optiques : pourquoi les petits textes ont besoin de formes différentes

Une taille optique est une version d’une police dessinée pour la taille à laquelle elle sera réellement utilisée : les versions de petit corps reçoivent des traits plus robustes, une hauteur d’x plus grande, des ouvertures plus larges, un espacement plus lâche et des détails simplifiés, tandis que les versions de grand corps reçoivent un contraste plus fin et une approche plus serrée. Un tracé unique étiré sur toutes les tailles — la norme du numérique pendant des décennies — est un compromis aux deux extrémités : légèrement trop délicat aux tailles de légende, légèrement trop grossier aux tailles d’affichage.

Pendant la plus grande partie de l’histoire de la typographie, cette adaptation n’était pas une fonctionnalité ; c’était de la physique. Cet article fait partie de notre guide de typographie ; il explique d’où viennent les tailles optiques, ce que l’axe opsz moderne restaure, et quoi faire quand votre police n’en a pas — ce qui reste le cas le plus fréquent.

Pourquoi les caractères en plomb gravaient-ils des formes différentes pour chaque taille ?

Une police en plomb n’était pas un fichier. C’était des casiers de lettres physiques, gravées et fondues séparément pour chaque taille — pendant la majeure partie de cette histoire, il n’existait aucun moyen de mettre à l’échelle une lettre de 12 points en une lettre de 6 points, si bien que chaque taille était dessinée à la main. Les graveurs de poinçons ont bien exploité cette nécessité : la gravure au corps 6 pt d’un caractère avait des formes plus larges, un contraste des traits plus faible, des ouvertures plus larges et un espacement plus lâche que la gravure au corps 72 pt du « même » dessin, car des siècles d’observation leur avaient appris ce dont un petit corps a besoin pour survivre à l’encre, au papier et aux yeux.

Quand la typographie numérique a réduit une famille à un seul tracé mathématiquement redimensionnable, elle a gagné une commodité énorme et perdu en silence l’adaptation. La nécessité physique encodait une sagesse perceptuelle — supprimez la nécessité et la sagesse disparaît avec elle.

La raison intuitive pour laquelle cette sagesse comptait : l’encre et les yeux ne se mettent pas à l’échelle de façon linéaire. Divisez par deux la taille d’une lettre et ses détails fins ne deviennent pas deux fois moins visibles — ils passent sous ce que l’œil distingue et ce que l’écran peut rendre. Les traits fins s’évaporent, les petits contrepoinçons s’engorgent, l’approche serrée vire à l’encombrement — la lisibilité, la moitié « reconnaissance des lettres » de la lecture, est ce qui lâche en premier. Les petites tailles ont donc besoin de robustesse. Aux tailles d’affichage, la pression s’inverse : chaque robustesse qui sauvait la gravure au corps 6 pt est amplifiée et exposée au grand jour, et la taille récompense plutôt la finesse — contraste ténu, approche serrée, détail net.

Qu’ajuste réellement le dimensionnement optique ?

Cinq adaptations, toutes poussant dans la même direction — vers le bas en taille, vers la robustesse ; vers le haut en taille, vers la finesse :

Lisez la colonne des petites tailles de haut en bas et elle décrit une police de labeur robuste, ouverte, un peu sobre ; lisez la colonne des grandes tailles et elle décrit quelque chose de proche d’une police d’affichage. C’est là tout l’enjeu : ce sont des outils différents qui se trouvent partager un nom.

Comment l’axe opsz ramène-t-il les tailles optiques ?

Les polices variables ont ré-automatisé l’ancienne adaptation. Une police qui porte l’axe opsz contient les comportements de petit corps et de grand corps sous forme de plage continue à l’intérieur d’un seul fichier, et CSS l’applique avec :

html {
  font-optical-sizing: auto; /* la valeur par défaut */
}

Comme auto est la valeur initiale, les navigateurs — la prise en charge est largement disponible sur les moteurs modernes — règlent l’axe à partir de la taille de police sans qu’on le leur demande : vos légendes de 12px reçoivent discrètement le dessin plus robuste, votre ligne d’affichage de 64px le plus fin.

La réserve honnête : seule une minorité de polices porte un véritable axe opsz. Les porteuses connues sont les grands projets variables de la classe de Source Serif et Roboto Flex ; pour tout le reste, font-optical-sizing ne change rien, car il n’y a aucun axe à piloter. La propriété est un interrupteur, pas un synthétiseur — elle ne peut pas inventer des adaptations qu’une police ne contient pas.

Que pouvez-vous faire sans axe opsz ?

Deux compensations, toutes deux plus anciennes que l’axe :

1. Choisissez des polices conçues près de vos tailles de travail. Des polices de texte — dessinées avec les vertus de la colonne des petites tailles intégrées — pour l’UI et le corps de texte ; des polices d’affichage pour les titres. C’est la même logique qui fait des polices d’affichage une catégorie à part entière : ce sont, de fait, de grandes tailles optiques vendues séparément.
2. Compensez manuellement aux extrêmes. Aux tailles de légende, un espacement des lettres légèrement plus ouvert et une graisse d’un demi-cran supérieure récupèrent une partie de ce qu’apporterait une vraie gravure de petit corps ; aux tailles d’affichage, resserrez l’espacement. Les conventions d’interlettrage et de graisse taille par taille sont traitées dans notre guide de l’échelle typographique.

Scale Composer n’a pas de réglage de taille optique — son rôle ici est celui du spécimen : affichez la même police aux paliers de légende et d’affichage de votre échelle et inspectez le petit bout comme le ferait un graveur de poinçons, dans du vrai texte rendu. Les réglages de graisse et d’espacement des lettres par style sont exactement les deux leviers manuels de la deuxième compensation.

À quoi ressemble la différence sur une véritable échelle ?

Composez le mot « Regeneration » dans une police à empattements à fort contraste aux paliers de légende et d’affichage d’une échelle de quarte juste à 16px — 12px et 51px :

À 12px, le tracé unique peine sur les cinq points. Les traits ténus se rendent au mieux sur un pixel de large et les lettres paraissent grises et cassantes ; les contrepoinçons du e et du a se remplissent à moitié ; l’espacement serré, de qualité affichage, se lit comme de l’encombrement ; les empattements délicats bavent. Une vraie gravure de légende égaliserait les traits, remonterait les bas-de-casse, ouvrirait les ouvertures, aérerait l’approche et simplifierait les empattements — le mot paraîtrait plus sobre sous une loupe et bien plus net à bout de bras.

À 51px, le même tracé est utilisable mais mou. L’espacement qui paraissait encombré à 12px semble maintenant lâche entre de grandes lettres, et le contraste modeste qu’un tracé de compromis conserve par sécurité se lit comme plat là où la taille pourrait porter du drame. Une gravure d’affichage déplace chacun des cinq curseurs dans l’autre sens.

Un tracé, deux tailles, des reproches opposés — ce qui résume tout l’argument en faveur des tailles optiques en un seul mot.

Auditez les extrêmes de votre propre échelle

Le compromis apparaît d’abord au plus petit palier de votre échelle, alors commencez l’audit là : vérifiez si votre police de corps de texte porte un axe opsz, et si ce n’est pas le cas, jugez le palier de légende dans du vrai texte et appliquez la compensation manuelle — interlettrage ouvert, une graisse d’un demi-cran de plus — comme réglages propres du style plutôt que comme exception au cas par cas. Pour effectuer cette vérification sur du texte réel, ouvrez les plus petit et plus grand paliers de votre échelle côte à côte.