# Polices variables avec axe de chasse > Familles variables dont la largeur des lettres se règle en plus de la graisse, d’un léger resserrement pour ajuster le texte à une gamme complète du condensé à l’élargi. Une police variable stocke un dessin sous forme de plage plutôt que d’une série de styles fixes. La plupart des familles variables offrent un axe de graisse ; un plus petit nombre ajoutent un axe de chasse, enregistré sous la balise wdth, qui rend les lettres plus étroites ou plus larges en conservant leur hauteur et leur caractère. Ses valeurs sont des pourcentages de la largeur normale : 75 correspond à une coupe condensée, 100 à la coupe normale et 125 à une coupe élargie. La chasse est souvent le plus pratique des deux axes pour la mise en page. Elle permet d’ajuster un titre exactement à sa colonne, de resserrer un libellé de navigation sur un petit écran et de le relâcher sur un grand, ou de faire passer un tableau à un réglage plus étroit seulement quand ses colonnes manquent de place. En CSS, la propriété est font-stretch, ou font-variation-settings pour un contrôle plus fin, et elle peut changer aux points de rupture ou s’animer. Comparez les plages avant de choisir. Plusieurs familles de cette liste ne font que se resserrer, de 100 à 75 environ, ce qui suffit pour ajuster un texte ; deux ne font que s’élargir ; d’autres vont de la moitié de la largeur normale au double et équivalent en pratique à plusieurs caractères en un. Les notes ci-dessous indiquent chaque plage telle qu’elle est enregistrée. Un axe de chasse bien dessiné modifie les formes des lettres elles-mêmes, contrairement à un écrasement artificiel du texte. How these were chosen: Familles variables dont la fiche mentionne un axe de chasse (wdth) en plus de la graisse ; les plages d’axes sont reprises des fiches. ## Fonts (17) - [Roboto](https://trendhub.net/fr/fonts/roboto.markdown) (Sans empattements, 18 styles · variable, OFL): Un axe de chasse de 75 à 100 resserre le dessin vers une coupe condensée, avec une graisse de 100 à 900 et des italiques. - [Open Sans](https://trendhub.net/fr/fonts/open-sans.markdown) (Sans empattements, 12 styles · variable, OFL): La chasse se resserre de 100 à 75 pour ajuster le texte, dans une linéale humane de six graisses avec italiques. - [Archivo](https://trendhub.net/fr/fonts/archivo.markdown) (Sans empattements, 18 styles · variable, OFL): Chasse de 62 à 125, d’extra-condensé à élargi, avec une graisse de Thin à Black et des italiques. - [Saira](https://trendhub.net/fr/fonts/saira.markdown) (Sans empattements, 18 styles · variable, OFL): Chasse de 50 à 125 et graisse de 100 à 900 dans une linéale carrée, plus des italiques. - [IBM Plex Sans](https://trendhub.net/fr/fonts/ibm-plex-sans.markdown) (Sans empattements, 14 styles · variable, OFL): Un axe de chasse qui resserre les lettres jusqu’à 75, avec sept graisses et des italiques. - [Inconsolata](https://trendhub.net/fr/fonts/inconsolata.markdown) (Chasse fixe, 8 styles · variable, OFL): Une police à chasse fixe dont l’axe de chasse va de 50 à 200, de la moitié de la largeur normale au double, avec une graisse de 200 à 900. - [Noto Serif](https://trendhub.net/fr/fonts/noto-serif.markdown) (À empattements, 18 styles · variable, OFL): Une police de texte à empattements dont l’axe de chasse se resserre de 100 à 62,5, avec neuf graisses et des italiques. - [Merriweather](https://trendhub.net/fr/fonts/merriweather.markdown) (À empattements, 14 styles · variable, OFL): Une police de texte à empattements à plage de chasse modeste, de 87 à 112, avec des axes de graisse et de taille optique. - [Asap](https://trendhub.net/fr/fonts/asap.markdown) (Sans empattements, 18 styles · variable, OFL): Graisse de 100 à 900 et chasse de 75 à 125, avec italiques. - [Georama](https://trendhub.net/fr/fonts/georama.markdown) (Sans empattements, 18 styles · variable, OFL): Un axe de chasse de 62,5 à 150, de condensée à large, et neuf graisses avec italiques. - [Zalando Sans](https://trendhub.net/fr/fonts/zalando-sans.markdown) (Sans empattements, 16 styles · variable, OFL): Une chasse de 75 à 125 et une graisse de 200 à 900 dans une grotesque sobre, plus des italiques. - [Science Gothic](https://trendhub.net/fr/fonts/science-gothic.markdown) (Sans empattements, 18 styles · variable, OFL): Quatre axes : graisse 100–900, chasse 50–200, inclinaison et contraste. - [Advent Pro](https://trendhub.net/fr/fonts/advent-pro.markdown) (Sans empattements, 18 styles · variable, OFL): Ici la chasse ne fait que s’élargir, de 100 à 200, en plus d’une graisse de 100 à 900. - [Mozilla Headline](https://trendhub.net/fr/fonts/mozilla-headline.markdown) (Sans empattements, 6 styles · variable, OFL): Une graisse de 200 à 700 et une chasse de 75 à 125 dans une linéale de titrage. - [Anek Latin](https://trendhub.net/fr/fonts/anek-latin.markdown) (Sans empattements, 8 styles · variable, OFL): Une chasse de 75 à 125 sur huit graisses droites de Thin à ExtraBold. - [Pliant](https://trendhub.net/fr/fonts/pliant.markdown) (Sans empattements, 18 styles · variable, OFL): La chasse ne fait que s’élargir, de 100 à 125, avec neuf graisses, italiques, cyrillique et grec. - [Ubuntu Sans](https://trendhub.net/fr/fonts/ubuntu-sans.markdown) (Sans empattements, 16 styles · variable, UFL): Un axe de chasse qui se resserre de 100 à 75 dans une linéale conçue pour les menus, boutons et boîtes de dialogue, avec huit graisses et italiques. ## FAQs ### Comment régler la chasse d’une police en CSS ? Utilisez font-stretch avec un pourcentage, par exemple font-stretch: 85%, ou font-variation-settings: "wdth" 85. La valeur doit se situer dans la plage prise en charge par la police ; hors de cette plage, elle est ramenée à l’extrémité la plus proche. ### Un axe de chasse revient-il à étirer le texte horizontalement ? Non. Étirer déforme l’épaisseur des traits et les courbes. Un axe de chasse utilise des formes dessinées pour chaque largeur, de sorte que les traits verticaux et horizontaux restent proportionnés. ### Les polices variables fonctionnent-elles dans tous les navigateurs et applications ? Les navigateurs actuels et les principales applications de création les prennent en charge. Les logiciels plus anciens n’affichent parfois que le style par défaut ; gardez donc des fichiers statiques en solution de repli quand cela compte. ### Puis-je utiliser ces polices variables à titre commercial ? Oui. Toutes sauf une sont sous SIL Open Font License, qui autorise l’usage commercial, l’intégration et l’auto-hébergement ; Ubuntu Sans utilise l’Ubuntu Font License, qui autorise aussi l’usage commercial. La page de chaque police indique sa licence. ## Related collections - [Polices variables à axe de taille optique](https://trendhub.net/fr/fonts/for/variable-fonts-with-optical-size.markdown) - [Polices variables à axes inhabituels](https://trendhub.net/fr/fonts/for/variable-fonts-with-unusual-axes.markdown) - [Linéales étroites pour tableaux et mises en page serrées](https://trendhub.net/fr/fonts/for/narrow-fonts-for-tight-layouts.markdown) - [Polices condensées pour les titres](https://trendhub.net/fr/fonts/for/condensed-headline-fonts.markdown) - [Polices larges et étendues pour titres et logos](https://trendhub.net/fr/fonts/for/wide-and-extended-fonts.markdown) - [Familles de polices en neuf graisses avec italiques](https://trendhub.net/fr/fonts/for/font-families-with-nine-weights.markdown) --- Source: https://trendhub.net/fr/fonts/for/variable-fonts-with-a-width-axis (trendhub)