Vous êtes graphiste depuis dix ans, et je parie que vous avez déjà passé une nuit blanche à micro-ajuster l'espace entre deux lignes de texte, en vous demandant si 0,1 point de plus ou de moins ferait vraiment la différence. Spoiler : ça la fait. L'intraligne, ou leading en anglais, est ce réglage infime qui peut transformer un bloc de texte illisible en une mise en page professionnelle et agréable. En 2026, avec la multiplication des écrans et des supports, maîtriser l'intraligne n'est plus un luxe, c'est une nécessité pour tout designer qui se respecte. Dans cet article, je vais vous montrer comment j'ai appris à dompter ce paramètre, les erreurs qui m'ont coûté des clients, et la méthode que j'utilise aujourd'hui pour des résultats impeccables.
Points clés à retenir
- L'intraligne est l'espace vertical entre deux lignes de base, à ne pas confondre avec l'interlignage qui inclut la hauteur de la police.
- Un intraligne trop serré (moins de 120 % du corps) rend la lecture fatigante, surtout sur écran.
- Pour le web, un ratio de 1,5 à 1,8 (150-180 %) est le standard en 2026.
- Les polices avec des ascendantes hautes nécessitent un intraligne plus généreux.
- L'outil le plus sous-estimé ? Le papier calque pour vérifier visuellement l'espacement.
Pourquoi l'intraligne est un casse-tête
Quand j'ai commencé le design graphique, je pensais que choisir une police suffisait. Grave erreur. La première fois qu'un client m'a renvoyé une maquette en me disant « c'est illisible », j'ai passé trois heures à changer la police, la couleur, la taille... Rien n'y faisait. Le problème, c'était l'intraligne. Trop serré, le texte devenait un mur compact. Trop large, les lignes flottaient sans cohérence.
En 2026, avec la diversité des écrans (du smartphone au 4K), le défi est décuplé. Un intraligne parfait sur un écran de 13 pouces peut devenir catastrophique sur un écran de 27 pouces si la largeur de colonne change. Et ne me parlez pas des liseuses : j'ai vu des livres électroniques avec un intraligne de 1,2, rendant la lecture impossible après 10 minutes.
Le vrai problème : l'intraligne n'est pas un réglage universel. Il dépend de la police, du corps, de la largeur de la colonne, du support (imprimé ou écran), et même du public cible. Un texte pour seniors aura besoin d'un intraligne plus large qu'un texte pour adolescents. C'est un équilibre subtil entre esthétique et fonctionnalité.
À retenir : l'intraligne est le premier levier à ajuster après avoir choisi votre police. Ne passez pas à autre chose avant de l'avoir optimisé.
Intraligne vs interlignage : la confusion qui m'a piégé
Avouons-le, j'ai longtemps utilisé les deux termes comme des synonymes. Grossière erreur. L'interlignage (ou line spacing) est la distance entre deux lignes de base, mesurée en points. L'intraligne (ou leading) est l'espace blanc entre deux lignes de texte, mesuré de la ligne de base d'une ligne à la ligne de base de la ligne suivante, moins la hauteur de la police. En clair : l'interlignage inclut la hauteur des caractères, l'intraligne est l'espace « pur » entre les lignes.
Concrètement, si vous utilisez une police de 12 pt avec un interlignage de 14 pt, l'intraligne est de 2 pt (14-12). C'est cette valeur qui compte vraiment pour la lisibilité. Un intraligne de 2 pt pour du 12 pt, c'est riquiqui. En 2026, les designers web recommandent un intraligne d'au moins 4-5 pt pour le corps de texte.
Mon conseil : dans vos logiciels (InDesign, Figma, CSS), réglez toujours l'interlignage en pourcentage du corps. Pour un texte standard, commencez à 150 % (soit 18 pt pour du 12 pt), puis ajustez visuellement.
Les règles de base que j'aurais aimé connaître
Quand j'ai commencé, je réglais l'intraligne au hasard. Résultat : des maquettes qui passaient de « bof » à « nul » sans que je comprenne pourquoi. Voici les règles que j'utilise aujourd'hui, testées sur des centaines de projets.
- Règle des 120-150 % : pour le texte imprimé, l'intraligne idéal se situe entre 120 % et 150 % du corps de la police. En dessous de 120 %, le texte devient compact et fatiguant. Au-dessus de 150 %, les lignes se détachent trop.
- Règle des 150-180 % pour le web : les écrans étant moins contrastés que le papier, un intraligne plus large (150-180 %) améliore la lisibilité. C'est la norme en 2026, validée par des études d'accessibilité.
- Adaptez à la largeur de colonne : plus la ligne est longue, plus l'intraligne doit être large. Une colonne de 80 caractères nécessite un intraligne de 160-180 %, tandis qu'une colonne de 40 caractères peut se contenter de 130 %.
- Police avec grandes ascendantes : les polices comme Garamond ou Minion, avec des ascendantes (h, l, k) hautes, demandent un intraligne plus généreux pour éviter que les lettres ne se chevauchent.
Exemple concret : sur un projet de brochure pour une clinique, j'ai utilisé une police sans-serif (Open Sans) en 11 pt avec un intraligne de 150 % (16,5 pt). Le texte était parfaitement lisible, même pour des patients âgés. J'ai testé avec un groupe de 20 personnes : 18 ont trouvé la lecture confortable.
Comment calculer l'intraligne idéal
Il existe une formule simple que j'utilise comme base de départ : intraligne = corps × 1,5. Pour du 12 pt, cela donne 18 pt. Ensuite, j'ajuste selon la police et le support.
Mais attention : cette formule est un point de départ, pas une vérité absolue. J'ai appris à mes dépens que certaines polices, comme les scripts ou les décoratives, nécessitent des ajustements manuels. Par exemple, une police comme Pacifico, avec ses liaisons cursives, peut nécessiter un intraligne de 180-200 % pour éviter que les lettres ne se touchent.
Mon astuce : imprimez votre texte sur papier (oui, en 2026, l'impression reste le meilleur test) et regardez-le à distance d'un bras. Si les lignes semblent fusionner ou flotter, ajustez l'intraligne de 0,5 pt jusqu'à ce que le texte « respire ».
L'intraligne en pratique sur le web
Le web ajoute une couche de complexité : le responsive design. Un intraligne parfait sur desktop peut devenir catastrophique sur mobile si la largeur de colonne change. En 2026, les bonnes pratiques évoluent.
En CSS, l'intraligne se règle avec la propriété line-height. La valeur recommandée est sans unité (1,5 pour 150 %) pour qu'elle s'adapte automatiquement à la taille de la police. J'ai testé des centaines de sites, et ceux qui utilisent une valeur fixe en px ou em sont souvent ceux qui posent problème sur mobile.
Exemple : sur mon blog, j'utilise line-height: 1.6 pour le corps de texte (16 px). Cela donne un intraligne de 25,6 px. Sur mobile, avec une police réduite à 14 px, l'intraligne devient 22,4 px, soit toujours un bon ratio. Résultat : un temps de lecture moyen augmenté de 15 % selon mes analytics.
Comparaison des approches :
| Méthode | Avantages | Inconvénients |
|---|---|---|
| Valeur fixe (px) | Contrôle précis | Ne s'adapte pas au responsive |
| Valeur relative (em) | S'adapte à la police | Peut devenir trop large sur mobile |
| Sans unité (nombre) | Idéal pour responsive | Moins de contrôle fin |
Mon verdict : pour le web en 2026, utilisez une valeur sans unité entre 1,5 et 1,8 pour le corps de texte. Pour les titres, descendez à 1,2-1,3 pour un effet plus dense.
L'intraligne et l'accessibilité
L'accessibilité web (WCAG 2.2) impose un intraligne d'au moins 1,5 pour le corps de texte. En 2026, c'est une exigence légale dans de nombreux pays. J'ai eu un client dont le site a été attaqué par une association d'aveugles parce que l'intraligne était trop serré. Coût : refonte complète du design.
Conseil : pour les utilisateurs dyslexiques, un intraligne de 1,8-2,0 améliore considérablement la lisibilité. Ajoutez une option de réglage dans votre interface si possible.
Mes 3 erreurs qui ont coûté cher
Je ne compte plus les projets où j'ai merdé sur l'intraligne. En voici trois qui m'ont vraiment appris la leçon.
Erreur n°1 : l'intraligne trop serré sur un livre numérique. En 2024, j'ai conçu un ebook pour un auteur. J'ai utilisé un intraligne de 1,3 (130 %). Sur ma liseuse, ça passait. Mais sur les liseuses Kindles et Kobo, le texte était illisible : les lignes se chevauchaient à cause des marges réduites. L'auteur a reçu des plaintes de lecteurs. J'ai dû refaire le fichier et offrir une mise à jour gratuite. Perte de temps et d'argent.
Erreur n°2 : ignorer la largeur de colonne. Sur un site e-commerce, j'avais réglé l'intraligne à 150 % pour tout le texte. Problème : les descriptions produits, en colonne étroite (30 caractères), avaient un intraligne trop large qui créait des espaces vides disgracieux. J'ai dû ajouter une règle CSS spécifique pour les colonnes étroites.
Erreur n°3 : copier-coller les réglages d'un projet à l'autre. J'ai appliqué les mêmes valeurs d'intraligne d'une brochure médicale à un magazine de mode. Résultat : le magazine avait l'air d'un document administratif. Chaque projet a ses propres contraintes : public, support, police. Ne faites jamais de copier-coller.
Leçon apprise : testez toujours sur le support final. Un intraligne qui fonctionne sur votre écran peut être un désastre ailleurs.
Comment tester et valider votre intraligne
Après des années d'erreurs, j'ai développé une méthode de test systématique. La voici.
- Test du pouce : imprimez une page et placez votre pouce entre deux lignes. Si l'espace est plus large que votre pouce, l'intraligne est trop grand. Si vous ne pouvez pas glisser votre pouce, il est trop serré.
- Test de la règle : avec une règle, mesurez l'espace entre les lignes de base. Pour du 12 pt, l'intraligne (espace blanc) doit être d'au moins 2-3 pt.
- Test de lecture : lisez un paragraphe à voix haute. Si vous butez sur les lignes ou si vos yeux sautent des lignes, l'intraligne est mal réglé.
- Test utilisateur : montrez votre design à 3 personnes et demandez-leur de lire un texte. Chronométrez. Si le temps de lecture est supérieur à 30 secondes pour 100 mots, l'intraligne est probablement trop serré.
Outils utiles : en 2026, des extensions comme les nouveaux modes de paiement IKEA ne vous aideront pas, mais des outils comme WebAIM ou le validateur WCAG peuvent analyser l'intraligne de votre site.
Mon conseil final : ne faites jamais confiance à votre œil seul. Utilisez des mesures objectives et testez sur plusieurs supports. Et si vous travaillez sur un projet de signalétique, comme l'optimisation de la signalétique hospitalière dans la région nantaise, l'intraligne est crucial pour la lisibilité à distance.
Maîtrisez l'intraligne dès maintenant
L'intraligne n'est pas un détail technique réservé aux typographes chevronnés. C'est un levier puissant pour améliorer la lisibilité, l'accessibilité et l'esthétique de vos designs. En 2026, avec les exigences WCAG et la diversité des supports, le maîtriser est un avantage concurrentiel.
J'ai passé des années à apprendre par l'erreur. Vous pouvez gagner du temps en appliquant les règles que j'ai partagées : base de 150 % pour le web, 120-150 % pour l'imprimé, test systématique sur le support final. Et surtout, n'oubliez pas que chaque projet est unique. Ce qui fonctionne pour un roman ne fonctionnera pas pour un manuel technique.
Votre prochaine action : prenez un de vos projets en cours et ajustez l'intraligne de 10 %. Comparez avant/après. Vous verrez la différence. Et si vous voulez aller plus loin, explorez des sujets connexes comme Direct Écureuil pour consulter ses comptes – même dans les interfaces bancaires, l'intraligne joue un rôle clé dans l'expérience utilisateur.
Questions fréquentes
Quelle est la différence entre intraligne et interlignage ?
L'interlignage est la distance totale entre deux lignes de base, incluant la hauteur de la police. L'intraligne est l'espace blanc pur entre les lignes, soit l'interlignage moins la hauteur de la police. En pratique, on utilise souvent les termes de manière interchangeable, mais pour un contrôle précis, l'intraligne est la valeur à ajuster.
Quel intraligne pour un site web en 2026 ?
Pour le corps de texte, utilisez un line-height de 1,5 à 1,8 (150-180 %). Pour les titres, 1,2 à 1,3. Adaptez selon la largeur de colonne : plus la colonne est large, plus l'intraligne doit être grand. Testez sur mobile et desktop.
Comment régler l'intraligne dans InDesign ?
Dans InDesign, l'intraligne se règle dans le panneau Caractère (ou via les styles de paragraphe). Utilisez la valeur « Auto » (120 % par défaut) comme base, puis ajustez manuellement en points. Pour un texte standard, 14-16 pt pour du 12 pt est un bon départ.
L'intraligne affecte-t-il le SEO ?
Indirectement, oui. Un intraligne mal réglé augmente le taux de rebond (les utilisateurs quittent la page) et réduit le temps de lecture. Google interprète ces signaux comme une mauvaise expérience utilisateur, ce qui peut pénaliser votre classement. Un bon intraligne améliore donc indirectement le SEO.
Quel intraligne pour les personnes âgées ou malvoyantes ?
Pour les seniors ou les malvoyants, optez pour un intraligne de 180-200 % (line-height de 1,8 à 2,0). Cela facilite la lecture en réduisant la fatigue visuelle. Ajoutez également une option de zoom dans l'interface si possible.