Polices variables à axe de taille optique
Familles variables qui se redessinent selon la taille à laquelle elles sont composées : plus robustes et plus aérées en petit, plus fines et plus serrées en grand.
Small print, big type
Dans le plomb, chaque corps était gravé séparément, et les graveurs de poinçons ajustaient le dessin au fil du travail. Les petits corps étaient faits plus larges et plus robustes, avec un espacement plus lâche, pour survivre sur la page ; les grands corps étaient affinés, avec des déliés plus minces et un ajustement plus serré. Les polices numériques ont perdu cela quand un seul contour s’est mis à être agrandi ou réduit à toutes les tailles. L’axe de taille optique, de balise opsz, le rétablit.
Dans une police dotée de cet axe, la valeur correspond normalement à la taille en points. À une valeur basse, les lettres ont une plus grande hauteur d’x, des déliés plus épais et plus d’espace entre elles. À une valeur haute, le contraste s’accentue et les détails deviennent délicats. En pratique, une même famille peut servir à la fois de caractère de texte et de caractère de titrage, et une légende reste lisible sans paraître lourde.
Les navigateurs appliquent l’axe automatiquement : font-optical-sizing vaut auto par défaut, si bien qu’une police dotée de l’axe s’adapte à la taille de police sans code supplémentaire. Vous pouvez aussi le régler à la main pour employer délibérément le dessin de titrage en petit ou le dessin de texte en grand. Les plages varient beaucoup d’une famille à l’autre, d’un ajustement de quelques points pour le texte seul à une étendue de plus de mille, et les notes donnent chacune telle qu’elle est consignée.
-
Inter
Une taille optique de 14 à 32 règle une linéale d’écran pour les petites étiquettes et les titres plus grands, à côté de neuf graisses avec italiques.
-
DM Sans
Une taille optique de 9 à 40 sur une linéale géométrique à faible contraste.
-
Merriweather
Un caractère de texte à empattements dont la taille optique va de 18 à 144, avec des axes de graisse et de chasse.
-
Bricolage Grotesque
Une taille optique de 12 à 96, avec des pièges à encre exagérés en petite taille, à côté de la graisse et de la chasse.
-
Nunito Sans
Une plage de petites tailles optiques, de 6 à 12, parmi quatre axes avec la graisse, la chasse et la hauteur des minuscules.
-
Source Serif 4
Une taille optique de 8 à 60 dans une transitionnelle à empattements, avec huit graisses et italiques.
-
Newsreader
Un axe de taille optique de 6 à 72, avec des graisses de 200 à 800.
-
Literata
A reading serif with optical size from 7 to 72, eight weights and italics.
-
Playfair
The widest optical range here, 5 to 1200, in a serif that also varies in weight and width.
-
Fraunces
Une taille optique de 9 à 144 à côté des axes de graisse, Softness et Wonky.
-
Bodoni Moda
Une police à empattements très contrastée dont la taille optique va de 6 à 96.
-
Roboto Serif
Optical size from 8 to 144 among four axes, with weight, width and grade, and 18 named styles.
-
Roboto Flex
La taille optique de 8 à 144 est l’un des 13 axes d’un même fichier.
-
Pathway Extreme
Optical size from 8 to 144 in a grotesque sans, beside weight and width axes.
-
TikTok Sans
Optical size from 12 to 36 with weight, width and slant, four axes in a single file.
-
Hedvig Letters Serif
A single-weight brand serif whose only axis is optical size, from 12 to 24.
Les exemples chargent un sous-ensemble latin de base de chaque famille. Toutes les familles présentées ici sont sous licence libre ; leur page en indique les conditions et propose les fichiers originaux.
Questions sur polices variables à axe de taille optique
Que modifie la taille optique dans une police ?
Le contraste de trait, l’espacement, la hauteur d’x et les détails fins. Les petites tailles optiques sont plus robustes et plus ouvertes ; les grandes sont plus nettes et plus serrées.
Faut-il écrire du CSS pour utiliser la taille optique ?
En général non. Les navigateurs accordent l’axe à la taille de police automatiquement. Pour le forcer, écrivez font-variation-settings: "opsz" suivi d’une valeur comprise dans la plage de la police.
Que vaut-il mieux, un axe de taille optique ou des polices de texte et de titrage séparées ?
Le résultat est le même. L’axe est plus commode, couvre les tailles intermédiaires et ne demande qu’un fichier.