À propos de cet outil

Le calculateur d’interligne recommande la hauteur de ligne, l’espacement des lettres et une largeur maximale de paragraphe idéale pour une taille de police et un usage donnés (texte courant, titres, libellés d’interface ou texte display), avec aperçu en direct et sortie CSS.

Mode d’emploi

  1. Saisissez la taille de police en pixels.
  2. Choisissez un style : texte courant, titre, libellé d’interface ou display.
  3. Consultez le paragraphe d’aperçu et les quatre valeurs recommandées.
  4. Cliquez sur Copier le CSS pour reprendre les valeurs dans votre feuille de style.

Bon à savoir

  • Le texte courant se lit confortablement avec un interligne d’environ 1,5 à 1,6 fois la taille de police.
  • Les grands titres et le texte display rendent mieux avec un interligne plus serré, environ 1.05–1.2.
  • Une longueur de ligne lisible compte environ 45 à 75 caractères par ligne.
  • Le critère WCAG 1.4.12 exige que le contenu reste utilisable lorsque l’utilisateur règle l’interligne à 1.5 et l’espacement des lettres à 0.12 em.
  • Les valeurs de line-height sans unité (comme 1.6) s’adaptent à la taille de police de chaque élément.

Fonctionne entièrement dans votre navigateur : rien de ce que vous saisissez n’est envoyé ni stocké.

Questions fréquentes

Quel est un bon interligne pour le texte courant ?

Environ 1,5 à 1,6 fois la taille de police. Pour un texte de 16 px, cela représente environ 24–26 px.

Les titres doivent-ils avoir un interligne plus petit ?

Oui. Un grand texte a besoin de moins d’espacement relatif : les titres utilisent généralement 1.1–1.3 et le texte display encore moins.

Quelle est la longueur de ligne idéale pour la lecture ?

Environ 45 à 75 caractères par ligne, 65 étant souvent cité comme idéal pour le texte courant.

Faut-il utiliser un line-height sans unité en CSS ?

En général, oui. Une valeur sans unité comme 1.6 est héritée comme un ratio : les éléments enfants de tailles de police différentes gardent un espacement proportionnel.