Calculadora de interlineado: pasa el line-height a píxeles
Convierte un line-height sin unidades en píxeles para cualquier tamaño de fuente, calcula el leading y ve el rango de interlineado cómodo para texto de lectura.
Cómo funciona
interlineado (px) = tamaño de fuente × line-height · leading = interlineado − tamaño de fuente · medio leading = leading ÷ 2
Un line-height sin unidades, como 1.5, multiplica el tamaño de la fuente para fijar la altura de cada línea; la diferencia entre esa altura y el tamaño de la letra es el leading, que se reparte mitad arriba y mitad abajo del texto. Lo recomendable es escribirlo sin unidades porque se hereda como multiplicador: si un elemento hijo tiene otra fuente, recibe un interlineado proporcional en lugar de un valor fijo en píxeles. Los párrafos suelen leerse mejor entre 1.4 y 1.6, mientras que los títulos grandes quedan bien más apretados, entre 1.1 y 1.2.
Ejemplo resuelto
Ana maqueta un artículo con texto de 16 px y un line-height de 1.5. Cada línea mide 16 × 1.5 = 24 px, así que el leading es 24 − 16 = 8 px: 4 px arriba y 4 px abajo de cada renglón. Para ese tamaño, el rango cómodo va de 22.4 px (1.4 ×) a 25.6 px (1.6 ×). Si sube el texto a 32 px con el mismo 1.5, las líneas miden 48 px y el leading es de 16 px.
Preguntas frecuentes
¿El line-height va sin unidades o en px?
Casi siempre sin unidades (por ejemplo 1.5), porque al heredarse se ajusta al tamaño de letra de cada elemento. Un line-height fijo en px en un contenedor puede hacer que el texto más grande de sus hijos se encime.
¿Cuál es el mejor interlineado para texto de lectura?
Alrededor de 1.4 a 1.6 para párrafos. Las líneas largas y la letra pequeña agradecen el valor más alto; los títulos suelen necesitar menos, entre 1.1 y 1.3.
¿Qué es el leading en tipografía?
Es el espacio vertical que se añade alrededor de una línea de texto: el interlineado menos el tamaño de la letra. El nombre viene de las tiras de plomo (lead, en inglés) que los tipógrafos colocaban entre las líneas de tipos metálicos.
¿Qué pasa si el line-height es menor que 1?
La línea queda más baja que la propia letra y el leading se vuelve negativo, así que los renglones se enciman. Solo tiene sentido en titulares de una sola línea con mucho cuidado.
Calculadoras relacionadas
Esta calculadora tiene fines informativos. Verifica los resultados importantes antes de tomar decisiones.