# 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. 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. How these were chosen: Familles variables dont la fiche indique un axe de taille optique (opsz) à plage exploitable ; les plages et les axes associés sont repris des fiches. ## Fonts (16) - [Inter](https://trendhub.net/fr/fonts/inter.markdown) (Sans empattements, 18 styles · variable, OFL): 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](https://trendhub.net/fr/fonts/dm-sans.markdown) (Sans empattements, 18 styles · variable, OFL): Une taille optique de 9 à 40 sur une linéale géométrique à faible contraste. - [Merriweather](https://trendhub.net/fr/fonts/merriweather.markdown) (À empattements, 14 styles · variable, OFL): Un caractère de texte à empattements dont la taille optique va de 18 à 144, avec des axes de graisse et de chasse. - [Bricolage Grotesque](https://trendhub.net/fr/fonts/bricolage-grotesque.markdown) (Sans empattements, 7 styles · variable, OFL): 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](https://trendhub.net/fr/fonts/nunito-sans.markdown) (Sans empattements, 16 styles · variable, OFL): 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](https://trendhub.net/fr/fonts/source-serif-4.markdown) (À empattements, 16 styles · variable, OFL): Une taille optique de 8 à 60 dans une transitionnelle à empattements, avec huit graisses et italiques. - [Newsreader](https://trendhub.net/fr/fonts/newsreader.markdown) (À empattements, 14 styles · variable, OFL): Un axe de taille optique de 6 à 72, avec des graisses de 200 à 800. - [Literata](https://trendhub.net/fr/fonts/literata.markdown) (À empattements, 16 styles · variable, OFL): A reading serif with optical size from 7 to 72, eight weights and italics. - [Playfair](https://trendhub.net/fr/fonts/playfair.markdown) (À empattements, 14 styles · variable, OFL): The widest optical range here, 5 to 1200, in a serif that also varies in weight and width. - [Fraunces](https://trendhub.net/fr/fonts/fraunces.markdown) (À empattements, 18 styles · variable, OFL): Une taille optique de 9 à 144 à côté des axes de graisse, Softness et Wonky. - [Bodoni Moda](https://trendhub.net/fr/fonts/bodoni-moda.markdown) (À empattements, 12 styles · variable, OFL): Une police à empattements très contrastée dont la taille optique va de 6 à 96. - [Roboto Serif](https://trendhub.net/fr/fonts/roboto-serif.markdown) (À empattements, 18 styles · variable, OFL): Optical size from 8 to 144 among four axes, with weight, width and grade, and 18 named styles. - [Roboto Flex](https://trendhub.net/fr/fonts/roboto-flex.markdown) (Sans empattements, 20 styles · variable, OFL): La taille optique de 8 à 144 est l’un des 13 axes d’un même fichier. - [Pathway Extreme](https://trendhub.net/fr/fonts/pathway-extreme.markdown) (Sans empattements, 18 styles · variable, OFL): Optical size from 8 to 144 in a grotesque sans, beside weight and width axes. - [TikTok Sans](https://trendhub.net/fr/fonts/tiktok-sans.markdown) (Sans empattements, 14 styles · variable, OFL): Optical size from 12 to 36 with weight, width and slant, four axes in a single file. - [Hedvig Letters Serif](https://trendhub.net/fr/fonts/hedvig-letters-serif.markdown) (À empattements, 1 style · variable, OFL): A single-weight brand serif whose only axis is optical size, from 12 to 24. ## FAQs ### 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. ## Related collections - [Polices variables avec axe de chasse](https://trendhub.net/fr/fonts/for/variable-fonts-with-a-width-axis.markdown) - [Polices variables à axes inhabituels](https://trendhub.net/fr/fonts/for/variable-fonts-with-unusual-axes.markdown) - [Polices à empattements pour la lecture longue à l’écran](https://trendhub.net/fr/fonts/for/serif-fonts-for-long-reading.markdown) - [Didones très contrastées pour les titres de mode et d’édition](https://trendhub.net/fr/fonts/for/high-contrast-didone-fonts.markdown) - [Polices pour journaux et magazines](https://trendhub.net/fr/fonts/for/newspaper-and-magazine-fonts.markdown) - [Polices sans empattements nettes pour les interfaces d’applications](https://trendhub.net/fr/fonts/for/app-interface-fonts.markdown) --- Source: https://trendhub.net/fr/fonts/for/variable-fonts-with-optical-size (trendhub)