Altura de línea según la fuente y la razón
Calculadora
Resultados
- Altura de línea (px)
- 24
- Interlineado (px)
- 8
- Medio interlineado a cada lado (px)
- 4
- Líneas por 1000 px de altura
- 41.666666
Resultados de diseño e impresión
| Altura de línea (px) | 24 |
| Interlineado (px) | 8 |
| Medio interlineado a cada lado (px) | 4 |
| Líneas por 1000 px de altura | 41.666666 |
Diagrama formula-map
- Altura de línea (px)
- 24
- Interlineado (px)
- 8
- Medio interlineado a cada lado (px)
- 4
- Líneas por 1000 px de altura
- 41.666666
Desglose de la fórmula
Fórmula
line-height = font size × ratio= 24
Nota
Modelo simplificado: son relaciones estándar de preimpresión y tipografía calculadas sobre valores nominales. El volumen real, el calibre y la merma del papel, los límites de tinta de un perfil dado, las métricas tipográficas y las tolerancias de encuadernación varían según el proveedor y el trabajo; confírmelo con su imprenta y con una prueba antes de imprimir.
Más en Diseño e impresión
Ver todas →Preguntas frecuentes
¿Cómo se calcula la altura de línea a partir del tamaño de fuente y la razón?+
La altura de línea equivale al tamaño de fuente multiplicado por la razón elegida. Una fuente de 16px con una razón de 1,5 produce una altura de línea de 24px, lo que significa que se distribuyen 8px de espacio adicional arriba y abajo de cada línea de texto.
¿Qué razón de altura de línea debería usar para el texto de cuerpo?+
De 1,4 a 1,6 es el rango cómodo estándar para texto de párrafo, dando suficiente espacio vertical para una lectura fácil sin que las líneas se sientan desconectadas entre sí. La lectura de textos largos suele favorecer el extremo superior de ese rango.
¿Por qué los títulos suelen usar una razón de altura de línea más ajustada que el texto de cuerpo?+
El texto grande ya tiene proporcionalmente más espacio vertical incorporado, así que una razón holgada (como 1,5) aplicada a un título de 48px crea espacios incómodos y demasiado aireados entre líneas. Los títulos suelen usar 1,1-1,3 para mantener cohesión visual en títulos de varias líneas.
¿Es la altura de línea en CSS lo mismo que la razón que calculo aquí?+
Puede serlo — la propiedad line-height sin unidad en CSS es exactamente esta razón, así que una razón calculada de 1,5 se puede escribir directamente como `line-height: 1.5` y se ajustará automáticamente al tamaño de fuente, lo cual generalmente se prefiere sobre fijar un valor en píxeles.
Mi texto se ve apretado incluso con una razón de 1,5 — ¿qué más afecta la legibilidad?+
La longitud de línea (caracteres por línea) y el espaciado entre letras también afectan fuertemente la densidad percibida. Una altura de línea de 1,5 puede seguir sintiéndose apretada si las líneas son muy largas, ya que el ojo debe recorrer más distancia con menos separación vertical en relación con esa distancia horizontal.