Il existe une taille au-delà de laquelle le caractère cesse de se comporter comme du texte et commence à se comporter comme de la structure. Quelque part passé quatre-vingts pixels, un titre n’est plus quelque chose que le lecteur lit mot à mot. C’est une forme qui organise le viewport, et il faut la traiter comme telle.
L’interlettrage doit descendre, et plus bas que vous ne le pensez
Un interlettrage qui paraît juste en corps de texte courant paraît lâche et amateur en corps de titrage. Les dessinateurs de caractères espacent leurs fontes pour la lecture, c’est-à-dire pour les petites tailles. À 300 pixels, les espaces entre les lettres sont agrandis avec tout le reste et deviennent des trous.
La correction est un interlettrage négatif, et la dose est plus forte que ce que la plupart des gens osent. Un titre à cette échelle demande entre -0.04em et -0.09em selon le caractère. Réglez-le, puis regardez-le depuis l’autre bout de la pièce. Si le mot se lit encore comme un objet unique plutôt que comme une rangée de lettres, vous n’êtes pas loin.
Un interlignage inférieur à 1 n’est pas une erreur
À l’échelle du titrage, les ascendantes et les descendantes de deux lignes voisines peuvent se chevaucher légèrement sans se heurter, parce que la plupart des lignes n’ont pas les deux. Un line-height de 0.9 sur un titre de trois lignes resserre le bloc en une masse compacte. À 1.4 — la valeur juste pour le texte courant — le même titre se défait en trois barres de texte séparées, avec de l’air entre elles.
Serrez, puis vérifiez la ligne où une descendante surplombe une ascendante. C’est cette paire qui décide jusqu’où vous pouvez descendre.
La justification est la règle qui ne change jamais
Tout ce qui précède concerne le caractère de titrage. Le texte courant pose le problème inverse : il demande une largeur de colonne comprise entre 45 et 75 caractères environ, et cela vaut à toutes les tailles d’écran comme à tous les siècles de la typographie. Un paragraphe qui court sur toute la largeur d’un viewport de 1600 pixels est illisible, quelle que soit la qualité du caractère, parce que le lecteur perd le retour à la ligne.
Le remède est un max-width en ch sur le conteneur de la prose, pas une media query. max-width: 68ch tient la justification, que la fonte fasse 16 ou 19 pixels.
Une seule voix éditoriale, avec parcimonie
Si une italique à empattements au milieu d’un titre en linéale fonctionne, c’est par contraste, et le contraste n’opère que lorsqu’il est rare. Une expression en italique par titre. Pas deux, et jamais un paragraphe entier. Dès que l’exception devient la règle, la page perd la tension qui lui donnait l’air d’avoir été pensée.
