Cette page a été traduite avec l'aide d'une IA. L'original en anglais fait foi.
La chasse est le plus discret des axes typographiques. Les lecteurs la remarquent rarement de façon consciente, et pourtant elle gouverne les deux ressources dont dépend la lisibilité : l'espace des contrepoinçons à l'intérieur des lettres et le nombre de caractères qui tiennent sur une ligne. Le constat de 2005 était que les chasses normales à légèrement étroites sont les plus lisibles — les caractères larges étirent les formes de lettres au-delà de la reconnaissance aisée, et les caractères fortement étroitisés étouffent les contrepoinçons qui distinguent un e d'un c ou d'un o. Ce constat a bien vieilli. Ce qui a changé, c'est la machinerie : la chasse n'est plus une propriété figée d'un fichier de police mais un axe de dessin continu et scriptable.
Ce qui a changé depuis 2005
En 2005, une police « condensée » était un fichier séparé, quand elle existait, et les designers web n'avaient pour la plupart ni les polices ni le mécanisme de distribution pour en utiliser une. Deux développements ont transformé cela. La distribution de polices web (l'ère moderne du @font-face, à partir d'environ 2010) a rendu disponibles de véritables déclinaisons étroites et larges. Puis les polices variables OpenType (à partir de 2016) ont enregistré wdth comme axe standard, exposé en CSS via font-stretch — désormais officiellement doté de l'alias font-width — avec des valeurs à mots-clés comme condensed (75%) et semi-condensed (87.5%), ou des pourcentages arbitraires sur les polices qui prennent en charge la plage.
La propriété critique d'un axe de chasse dessiné est qu'il n'est pas une mise à l'échelle. Quand une police variable s'étroitise le long de wdth, l'interpolation du dessinateur maintient la cohérence des traits verticaux, garde les contrepoinçons aussi ouverts que la géométrie le permet et réajuste l'espacement. La mise à l'échelle horizontale — transform: scaleX(0.8) ou ses ancêtres — fait l'inverse : elle amincit les traits verticaux par rapport aux horizontaux, déforme les courbes et comprime proportionnellement l'espacement. La distinction entre un vrai condensé et un faux condensé est exactement la distinction entre un vrai italique et un romain cisaillé, et elle compte pour les mêmes lecteurs malvoyants.
Le second changement est conceptuel. Le responsive design nous a appris que la longueur de ligne, et non le choix de police, est la variable que les utilisateurs vivent réellement — et la chasse est désormais un outil pour la gérer. Un grand titre qui se coupe mal aux viewports étroits peut se resserrer de quelques unités de chasse au lieu de rétrécir sous la taille lisible. C'est une capacité authentiquement nouvelle, et elle s'accompagne de manières authentiquement nouvelles de se tromper.
La chasse et le budget de contrepoinçons
La mécanique de lisibilité de la version 1 décrit toujours correctement le compromis. Les chasses larges agrandissent les lettres horizontalement sans ajouter d'information distinctive ; aux tailles de lecture, elles ralentissent légèrement la reconnaissance et gaspillent la justification. Les chasses fortement étroites ferment les contrepoinçons et réduisent les différences spatiales entre paires confusables — dans un condensé serré, o, e et c convergent, et le rythme des verticales dans des mots comme minimum devient une palissade.
Pour le texte continu, la bande sûre reste étroite : environ 90 % à 100 % de la chasse normale — du normal jusqu'à un peu avant le semi-condensé. Les déclinaisons condensées et plus étroites sont des outils de titrage — grands titres, étiquettes, tableaux denses en données où un condensé dessiné surpasse réellement un romain rétréci. Les chasses larges sont des outils d'image de marque. Ni l'une ni l'autre n'a sa place dans les paragraphes.
La graisse interagit avec la chasse. Étroitiser un caractère gras ferme les contrepoinçons deux fois plutôt qu'une ; si vous devez condenser, restez en graisse normale ou plus maigre. La taille interagit aussi : la chasse qui fonctionne à 40px en titre doit se détendre à 16px en texte courant. Certaines polices variables associent wdth à un axe de taille optique (opsz) qui gère partiellement cela ; la plupart vous en laissent la charge.
Zoom, grossissement et basse vision
La population qui a le plus besoin de chasses généreuses est celle qui a le plus de chances de rencontrer des caractères condensés dans les pires conditions. Les utilisateurs de loupes d'écran voient une petite fenêtre sur une page agrandie : un caractère condensé grossi révèle ses contrepoinçons fermés et son ajustement serré sans le contexte compensateur de la ligne entière. Les lecteurs utilisant le zoom du navigateur à 200 % — un niveau que le critère Redimensionnement du texte (1.4.4) de WCAG 2.2 exige que le contenu supporte — déclencheront vos mises en page pour viewports étroits, précisément là où les designers sont désormais tentés de condenser les caractères pour tout faire tenir.
Résistez à cette tentation pour le texte courant. Si une mise en page ne fonctionne à 200 % de zoom qu'en comprimant les lettres, c'est la mise en page qui est le problème. WCAG 1.4.10 (Redistribution) indique la bonne direction : le contenu doit se redistribuer en une seule colonne plutôt que se comprimer. L'ajustement de chasse est légitime pour les grands titres sous redistribution ; c'est un signal d'alarme quand il est appliqué aux paragraphes.
Les adaptations d'espacement du texte comptent ici aussi. WCAG 1.4.12 exige que les augmentations d'espacement des lettres et des mots appliquées par l'utilisateur ne cassent pas le contenu. Un caractère condensé qui dépend d'un ajustement serré tend à se désagréger visuellement quand un utilisateur malvoyant ajoute de l'approche — une raison de plus de garder le texte continu proche de la chasse normale, où l'approche ajoutée se dégrade gracieusement.
Éviter le faux condensé
Le faux condensé survit dans la nature sous trois formes : les transformations CSS sur le texte, le font-stretch hérité appliqué à des polices sans axe de chasse (que les navigateurs ignorent à juste titre, mais que les designers « corrigent » parfois avec des transformations), et le texte SVG ou canvas mis à l'échelle de façon non uniforme. Les trois produisent la déformation aux verticales amincies qu'aucun dessinateur de caractères n'a approuvée. Si un design a réellement besoin de caractères plus étroits, les options sont : une police variable avec un vrai axe wdth, une déclinaison condensée dessinée séparément, ou une autre mise en page. Il n'existe pas de quatrième option qui respecte le lecteur.
Quand vous utilisez l'axe wdth, préférez la propriété de haut niveau font-stretch/font-width aux font-variation-settings bruts, afin que le navigateur puisse gérer sensément l'héritage et le repli, et vérifiez le repli : sur les systèmes où la police variable ne se charge pas, une demande de condensé contre une pile de substitution doit se dégrader vers la chasse normale, non vers une compression synthétisée.
En CSS
/* Width belongs to the wdth axis — never to transforms */
body { font-stretch: 100%; }
.compact-table { font-stretch: 92%; } /* slightly condensed floor */
/* Anti-pattern — distorts stroke contrast and spacing:
.squeezed { transform: scaleX(0.8); } */Recommandations
- Maintenir le texte continu entre environ 90 % et 100 % de la chasse normale ; le constat de 2005 demeure.
- Réserver les déclinaisons condensées dessinées aux grands titres, aux étiquettes et aux compositions de titrage où l'espace est critique ; réserver les déclinaisons larges à l'image de marque.
- Ne jamais simuler la chasse : pas de transformations scaleX, pas de mise à l'échelle non uniforme du texte en SVG ou canvas.
- Utiliser l'axe variable wdth via font-stretch (font-width), et confirmer un repli gracieux quand la police ne se charge pas.
- Ne pas condenser le texte courant pour survivre au zoom à 200 % ou aux viewports étroits — redistribuer à la place, conformément à WCAG 1.4.10.
- Vérifier que le texte reste intact quand les utilisateurs augmentent l'espacement des lettres et des mots (WCAG 1.4.12) ; les compositions condensées serrées y échouent souvent en premier.
- Éviter de combiner une chasse condensée avec une graisse grasse ou de petites tailles ; le budget de contrepoinçons ne s'étire pas jusque-là.