La persistance du caractère
La typographie est la décision de design la plus fondamentale du web. Avant la couleur, avant la mise en page, avant le mouvement — il y a le texte. Et la façon dont ce texte est composé détermine si quelqu'un le lira.
Ce n'est pas une observation nouvelle. Mais c'est une observation qui ne cesse d'être enfouie sous des couches d'abstraction. Les design systems nous donnent des tokens. Les frameworks utilitaires nous donnent des classes. Les outils d'IA nous donnent des mises en page. Et quelque part dans cette pile, le véritable métier de la composition — choisir avec intention les corps, les graisses, les justifications, l'interlignage et la hiérarchie — se réduit à brancher des valeurs par défaut.
Les valeurs par défaut ne sont pas mauvaises. Mais des valeurs par défaut sans compréhension produisent des résultats médiocres.
Ce qu'exige une bonne typographie sur le web
Une bonne typographie web exige de l'attention sur un petit nombre de choses, appliquée avec constance :
- La justification — la longueur de ligne compte plus que la plupart des développeurs ne le pensent. 45 à 75 caractères par ligne n'est pas une suggestion ; c'est la plage où la lecture devient confortable. Allez au-delà et la compréhension chute.
- L'interlignage — la hauteur de ligne doit répondre à la justification. Les lignes longues demandent plus d'espace entre elles. Les lignes courtes peuvent être plus serrées. Il n'existe pas de valeur correcte unique.
- L'échelle — une échelle typographique crée une hiérarchie visuelle sans crier. La relation entre votre texte courant, vos intertitres et vos titres devrait sembler inévitable, et non arbitraire.
- La graisse — le gras n'est pas l'emphase. C'est un outil d'emphase parmi d'autres. L'italique, le corps, la couleur, l'espacement et la position y contribuent tous. Dégainer
font-boldcomme premier réflexe face à un problème de hiérarchie est une habitude qui mérite d'être perdue. - Les blancs — l'espace autour du texte est aussi important que le texte lui-même. Des marges généreuses, des retraits réfléchis et de l'air entre les sections signalent la qualité et invitent à la lecture.
La typographie comme accessibilité
Une bonne typographie est une typographie accessible. Un contraste suffisant, des corps lisibles, un interlignage adéquat, une longueur de ligne appropriée — ce ne sont pas des préférences esthétiques. Ce sont des exigences fonctionnelles qui déterminent si les gens peuvent utiliser ce que vous avez construit.
Le recouvrement entre « c'est beau » et « ça fonctionne pour tout le monde » est plus large que la plupart des gens ne le supposent. Quand vous optimisez pour la lisibilité, vous améliorez presque toujours le design visuel du même coup.
Le métier perdure
Les frameworks changent. Les tendances du design tournent en boucle. Mais les principes du bon métier typographique sont stables depuis des siècles. Investir dans leur compréhension — pas seulement les appliquer, mais comprendre pourquoi ils fonctionnent — est l'un des gestes au meilleur rendement qu'un designer ou un développeur web puisse accomplir.
Le web est, en son cœur, un médium typographique. Le traiter ainsi est à la fois une position de design et une marque de respect envers les personnes qui lisent ce que vous publiez.