Aller au contenu
🛠️ToolsShed

Line Height Calculator

Calculer la hauteur de ligne optimale pour une typographie lisible.

Valeur en pixels
24px
Valeur sans unité
1.50
Valeur em
1.50em
Recommandation
Texte du corps (1,5–1,6)
En-têtes (1,1–1,3)
Légendes (1,3–1,4)
Aperçu
The quick brown fox jumps over the lazy dog. Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed.
font-size: 16px; line-height: 1.50;

À propos de cet outil

La hauteur de ligne est l'espace vertical entre les lignes de texte et c'est l'un des facteurs les plus importants en typographie pour la lisibilité et le confort visuel. Que vous conceviez un site web, rédigiez un document ou créiez du contenu numérique, obtenir la bonne hauteur de ligne rend le texte plus facile à lire et réduit la fatigue oculaire. Cet outil calcule la hauteur de ligne optimale en multipliant votre taille de police par un ratio choisi, vous aidant à trouver l'équilibre parfait pour différents types de texte.

Pour utiliser la calculatrice, entrez votre taille de police en pixels et ajustez le curseur de ratio pour voir les résultats en temps réel dans plusieurs formats : pixels, valeurs sans unité et unités em. L'outil fournit des recommandations codées par couleur pour les cas d'usage courants : le texte de corps bénéficie généralement d'une hauteur de 1.5 à 1.6, les titres sont plus beaux entre 1.1 et 1.3, et les légendes fonctionnent bien entre 1.3 et 1.4. Un aperçu en direct montre comment votre hauteur de ligne choisie affecte le texte réel, vous permettant de voir l'impact avant de l'appliquer à votre design. Tous les calculs utilisent des ratios sans unité (comme 1.5 au lieu de pixels), ce qui est la meilleure pratique car ils s'adaptent automatiquement lorsque la taille de la police change.

Les designers, développeurs et créateurs de contenu utilisent cet outil pour maintenir la cohérence visuelle dans tous les systèmes de typographie et assurer la conformité en matière d'accessibilité. Les Règles pour l'accessibilité des contenus Web du W3C recommandent une hauteur de ligne minimale de 1.5 pour le texte de corps afin d'améliorer la lisibilité pour tous les utilisateurs, y compris ceux atteints de dyslexie ou de déficiences visuelles. En utilisant cette calculatrice régulièrement, vous créez des systèmes typographiques qui sont à la fois esthétiquement agréables et accessibles.

Questions Fréquentes

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.