Hauteur de ligne d'après la police et le rapport
Calculateur
Résultats
- Hauteur de ligne (px)
- 24
- Interligne (px)
- 8
- Demi-interligne de chaque côté (px)
- 4
- Lignes par 1000 px de hauteur
- 41.666666
Résultats de design et d'impression
| Hauteur de ligne (px) | 24 |
| Interligne (px) | 8 |
| Demi-interligne de chaque côté (px) | 4 |
| Lignes par 1000 px de hauteur | 41.666666 |
Diagramme formula-map
- Hauteur de ligne (px)
- 24
- Interligne (px)
- 8
- Demi-interligne de chaque côté (px)
- 4
- Lignes par 1000 px de hauteur
- 41.666666
Détail de la formule
Formule
line-height = font size × ratio= 24
Note
Modèle simplifié : il s'agit de relations prépresse et typographiques standard calculées sur des valeurs nominales. Le foisonnement réel, l'épaisseur et le retrait du papier, les limites d'encrage d'un profil donné, les métriques de police et les tolérances de reliure varient selon le fournisseur et le travail ; confirmez avec votre imprimeur et une épreuve avant le tirage.
Plus dans Design et impression
Voir tout →Questions fréquentes
Comment la hauteur de ligne est-elle calculée à partir de la taille de police et du rapport ?+
La hauteur de ligne équivaut à la taille de police multipliée par le rapport choisi. Une police de 16px avec un rapport de 1,5 produit une hauteur de ligne de 24px, ce qui signifie que 8px d'espace supplémentaire sont répartis au-dessus et en dessous de chaque ligne de texte.
Quel rapport de hauteur de ligne utiliser pour le texte courant ?+
1,4 à 1,6 est la plage confortable standard pour un texte de paragraphe, offrant assez d'espace vertical pour une lecture facile sans que les lignes paraissent déconnectées les unes des autres. La lecture de longs textes privilégie souvent le haut de cette plage.
Pourquoi les titres utilisent-ils habituellement un rapport de hauteur de ligne plus serré que le texte courant ?+
Le grand texte a proportionnellement déjà plus d'espace vertical intégré, donc un rapport lâche (comme 1,5) appliqué à un titre de 48px crée des espaces maladroits et trop aérés entre les lignes. Les titres utilisent couramment 1,1-1,3 pour garder les titres sur plusieurs lignes visuellement cohérents.
La hauteur de ligne en CSS est-elle la même chose que le rapport calculé ici ?+
Cela peut l'être — la propriété CSS line-height sans unité correspond exactement à ce rapport, donc un rapport calculé de 1,5 peut s'écrire directement `line-height: 1.5` et s'adaptera automatiquement à la taille de police, ce qui est généralement préférable à une valeur en pixels fixée en dur.
Mon texte paraît serré même avec un rapport de 1,5 — qu'est-ce qui affecte aussi la lisibilité ?+
La longueur de ligne (caractères par ligne) et l'espacement des lettres influencent aussi fortement la densité perçue. Une hauteur de ligne de 1,5 peut quand même paraître serrée si les lignes sont très longues, car l'œil doit parcourir plus de distance avec moins de séparation verticale par rapport à cette distance horizontale.