L'interlignage et l'interlettrage sont les réglages les plus silencieux du design — et les plus impactants sur la lisibilité. Un texte avec un interlignage trop serré fatigue l'œil. Un titre avec un interlettrage par défaut manque de respiration. Ce sont des détails que le lecteur ne remarque jamais quand c'est bien fait — et qu'il subit quand c'est mal fait.
L'interlignage (line-height / leading)
L'interlignage est l'espace vertical entre deux lignes de texte. Il se mesure de ligne de base à ligne de base. C'est le facteur n°1 de confort de lecture sur un bloc de texte.
Valeurs de référence
| Contexte | Ratio interlignage / taille | Exemple |
|---|---|---|
| Corps de texte print | 120 à 145 % | 10 pt → 12 à 14,5 pt |
| Corps de texte web | 140 à 170 % | 16 px → 22 à 27 px (1.4 à 1.7) |
| Titres (grandes tailles) | 100 à 120 % | 48 px → 48 à 58 px (1.0 à 1.2) |
| Légendes (petites tailles) | 130 à 150 % | 12 px → 16 à 18 px |
Le web demande un interlignage plus généreux que le print parce que la lecture écran est moins confortable. Un line-height de 1.5 à 1.6 est un bon point de départ pour un corps de texte web en 16px.
Quand ajuster
Polices à grande hauteur d'x : elles paraissent plus grandes et demandent un interlignage légèrement plus généreux pour compenser. Inter, Roboto, Work Sans sont dans ce cas.
Colonnes étroites : réduis légèrement l'interlignage. Sur une colonne de 40 caractères, un interlignage de 1.7 crée trop de blanc vertical.
Titres sur plusieurs lignes : resserre l'interlignage. Un titre en 48px avec un interligne de 1.6 semble flottant — passe à 1.1 ou 1.15 pour le densifier.
L'interlettrage (letter-spacing / tracking)
L'interlettrage est l'espace horizontal entre les caractères, appliqué uniformément à tout un bloc de texte. À ne pas confondre avec le crénage (kerning), qui ajuste l'espace entre deux caractères spécifiques.
Règle fondamentale
Le corps de texte ne se touche pas. La plupart des polices de qualité ont un interlettrage optimisé pour les tailles de corps (10-18px/pt). Modifier le tracking d'un texte courant dégrade presque toujours la lisibilité. Laisse-le à 0.
Quand augmenter l'interlettrage
Petites capitales et texte tout en majuscules. Les majuscules sont dessinées pour être lues avec des minuscules. En bloc majuscule, l'espace entre les lettres est insuffisant — ajoute +20 à +50 de tracking (ou 0.05 à 0.1 em en CSS). C'est la situation la plus courante où le tracking est nécessaire.
Texte très petit (moins de 10px). À petite taille, les lettres se tassent. Un léger ajout de tracking (+10 à +20) améliore la lisibilité.
Quand réduire l'interlettrage
Titres en très grande taille (48px+). Les polices sont optimisées pour les tailles de lecture. En affichage, l'espace entre les lettres paraît trop large. Réduis de -10 à -30 pour densifier le titre et lui donner de la présence.
Corps de texte : tracking 0 (ne pas toucher)
Majuscules / petites capitales : +30 à +50
Texte très petit (<10px) : +10 à +20
Titres grands (>48px) : -10 à -30
Légendes : 0 à +10
Le crénage (kerning)
Le crénage est l'ajustement optique entre deux caractères spécifiques. Les paires problématiques classiques : AV, To, LT, Wa. La plupart des logiciels appliquent le crénage optique ou métrique automatiquement — active-le (dans InDesign : menu Caractère > Crénage > Optique).
L'ajustement manuel du crénage est rarement nécessaire sauf pour les logos et les titres de très grande taille, où chaque paire doit être vérifiée à l'œil.
Moins tu touches à l'interlettrage du texte courant, mieux c'est. Les polices de qualité sont optimisées pour les tailles de lecture. Tes ajustements se concentrent sur les extrêmes : très grand (titres) et très petit (légendes, labels en capitales).