Choisir une police d’affichage sans ruiner la lisibilité

La page d’atterrissage a été lancée et elle était superbe : une police d’affichage à fort contraste dans le hero, pleine de personnalité à 64 pixels. Six semaines plus tard, la même police se retrouve sur l’écran des réglages à 13 pixels — les traits amincis en filaments, l’ajustement serré des lettres aggloméré en taches, chaque libellé portant des fioritures que personne n’avait demandées à cette taille. Personne n’a décidé cela. La police a glissé vers le bas, un « juste pour rester cohérent » à la fois, parce que rien ne marquait où elle cessait d’être la bienvenue.

Une police d’affichage est une police dessinée pour les grandes tailles — contraste plus fort entre les traits épais et fins, espacement par défaut plus serré, plus de personnalité dans les formes des lettres — et chacun de ces choix de conception joue contre elle aux petites tailles. La règle pratique : une police d’affichage occupe grosso modo les deux ou trois plus hauts échelons de l’échelle typographique et rien en dessous ; une police de labeur porte tout le reste. Cet article fait partie de notre guide de typographie.

Qu’est-ce qui fait d’une police une police d’affichage ?

La taille prévue. Une police d’affichage est dessinée pour être vue en grand — titres, affiches, heros — et elle échange la robustesse aux petites tailles contre du caractère aux grandes tailles. Ce compromis se manifeste dans trois choix de conception concrets :

• Contraste de trait plus fort. Des fûts épais face à des déliés capillaires — spectaculaire à 60 px, où un délié capillaire fait encore plusieurs pixels de large.
• Espacement par défaut plus serré. Un grand texte a besoin de moins d’air entre les lettres, donc les polices d’affichage sont ajustées de près.
• Plus de personnalité dans les formes des lettres. Des détails, des bizarreries et des fioritures qui récompensent le regard attentif qu’un titre invite.

Ces trois qualités sont des vertus dans leur habitat. Les trois deviennent des handicaps dès l’instant où on demande à la police de faire un autre travail.

Pourquoi les polices d’affichage échouent-elles aux petites tailles ?

Parce que la lecture change avec la taille. À la taille d’affichage, l’œil traite les formes des lettres comme des formes — il s’attarde, remarque le détail, l’apprécie. À la taille du texte courant, l’œil lit des formes de mots : des silhouettes de mots entiers reconnues à toute vitesse, des dizaines par seconde. Le détail qui récompensait l’œil qui s’attarde devient une interférence pour l’œil qui balaie.

Chaque compromis d’affichage s’inverse alors. Les traits capillaires s’amincissent jusqu’à disparaître, ou se fragmentent sur les écrans de plus faible résolution. L’ajustement serré, généreux à 60 px, agglutine les paires de lettres en taches à 13 px. Et la personnalité devient du bruit — une bizarrerie que vous avez admirée une fois dans un titre est une bizarrerie que le lecteur doit filtrer à chaque ligne d’un paragraphe.

Où se place une police d’affichage sur l’échelle typographique ?

En haut — grosso modo les deux ou trois plus hauts échelons — et nulle part ailleurs. Elle ne touche jamais au texte courant, aux légendes ni aux libellés d’interface ; la police de texte porte tout ce qui se trouve sous le passage de relais. Sur l’échelle web classique (base de 16 px, ratio de type quarte juste — le calcul des tailles lui-même vit dans notre guide de l’échelle typographique), la répartition ressemble à ceci :

L’étape du passage de relais — là où le style d’affichage se termine et le style de titre commence — est la seule décision qui mérite d’être prise explicitement. Une police à forte personnalité passe généralement le relais au-dessus du h2 ; une police plus douce peut le tenir. Sous le passage de relais, il n’y a pas de débat — 21 px, c’est le territoire du paragraphe, et le territoire du paragraphe appartient à la police de labeur.

Voyez une police d’affichage au-dessus d’une police de labeur sur toute l’échelle — une police de titre à forte personnalité au-dessus d’une police de labeur de type Inter, chaque échelon montré en texte spécimen à sa taille réelle. Faites glisser votre regard le long du spécimen et trouvez l’échelon où la police d’affichage cesse d’être un plaisir ; c’est votre passage de relais.

Qu’exige une police d’affichage de la police de texte ?

La neutralité — proportionnelle à son propre volume. Plus la police d’affichage a de personnalité, plus la police de texte doit être neutre : une voix parle, l’autre porte. Cette division du travail mérite d’être énoncée explicitement, car c’est toute la logique de l’association de polices. Deux polices expressives se disputent l’attention, et une page qui rivalise avec elle-même se lit comme plus bruyante et moins assurée que chacune des polices seule. Les polices de labeur discrètes — de type Inter, de type Source Sans — existent précisément pour ce travail, et en choisir une n’est pas un manque d’imagination ; c’est ce qui rend abordable le choix imaginatif tout en haut.

Comment mettre à l’épreuve une police d’affichage avant de vous engager ?

Réglez-la à la taille du texte courant et regardez-la échouer. Vraiment — mettez un paragraphe entier de vrai texte produit dans la police candidate à 16 px et lisez-le. Vous devriez voir les modes d’échec arriver comme prévu : les déliés qui peinent, les paires qui s’agglutinent, la texture qui fatigue dès la troisième ligne. Cet échec est une note de passage — il confirme que la police est bien ce qu’elle prétend être, et que votre règle de passage de relais est porteuse.

Si elle survit — si le paragraphe se lit confortablement — vous n’avez pas du tout trouvé une police d’affichage. Vous avez trouvé une police de labeur avec de la portée, ce qui est bon à savoir avant de vous engager : cela peut signifier que vous n’avez besoin que d’une seule famille, la graisse et la taille faisant le travail que deux polices auraient fait.

Combien de polices d’affichage devriez-vous utiliser ?

Une seule. Une police d’affichage justifie sa présence en étant la note d’identité — ce par quoi le lecteur se souvient de la page — et les notes d’identité ne se partagent pas. Une deuxième police d’affichage n’ajoute pas d’expressivité ; elle divise la reconnaissance entre deux voix et affaiblit les deux de moitié. Les exceptions sont les projets de direction artistique — un dossier de magazine, une campagne — où la variété est le but ; en typographie de produit et de marque, une police d’affichage au-dessus d’une police de texte couvre presque tous les besoins.

Regardez-la échouer exprès

Réglez la candidate d’affichage à la taille du texte courant — et lisez-en un paragraphe entier. Si elle s’agglutine et fatigue, engagez-vous en confiance et marquez l’étape du passage de relais dans votre échelle. Si elle se lit bien, reconsidérez la prémisse : vous n’êtes peut-être qu’à une famille d’un système plus simple.