Tiny Online Tools logoTiny Online ToolssearchBuscar herramientas…grid_viewTodas las herramientas
Iniciochevron_rightHerramientas de Disenochevron_rightCalculadora de line-heightCalculadora de line-height

Calculadora de line-height

Calcula alturas de línea óptimas para una tipografía legible.

1.5
Óptimo calculado
1.625
Proporción áurea (1.618)
Comparar alturas de línea
line-height: 1Too Tight
The quick brown fox jumps over the lazy dog. Typography is the craft of giving language a durable visual form.
line-height: 1.2Compact
The quick brown fox jumps over the lazy dog. Typography is the craft of giving language a durable visual form.
line-height: 1.4Optimal
The quick brown fox jumps over the lazy dog. Typography is the craft of giving language a durable visual form.
line-height: 1.6Optimal
The quick brown fox jumps over the lazy dog. Typography is the craft of giving language a durable visual form.
line-height: 1.8Optimal
The quick brown fox jumps over the lazy dog. Typography is the craft of giving language a durable visual form.
line-height: 2Relaxed
The quick brown fox jumps over the lazy dog. Typography is the craft of giving language a durable visual form.
Altura de línea personalizada
The quick brown fox jumps over the lazy dog. Typography is the craft of giving language a durable visual form.
CSS generado
font-size: 16px; line-height: 1.6;

Herramientas similares

Generador de text-shadow

Generador de text-shadow

Crea efectos CSS text-shadow con vista previa en vivo.

Herramienta de espaciado entre letras

Herramienta de espaciado entre letras

Ajusta y previsualiza CSS letter-spacing con zonas de legibilidad.

Generador de degradados

Generador de degradados

Crea degradados CSS visualmente con vista previa en vivo.

Generador de Box Shadow

Generador de Box Shadow

Crea sombras CSS de forma visual con vista previa en tiempo real.

XML a JSON

XML a JSON

Convierte documentos XML en JSON.

PDF a JPG

PDF a JPG

Convierte paginas PDF en imagenes JPG de alta calidad.

Numeracion de lineas de texto

Numeracion de lineas de texto

Agrega numeros de linea a cada linea de texto.

apps

Mas herramientas

Explora nuestra coleccion completa de herramientas gratuitas en linea.

Usa el line-height como una herramienta de legibilidad, no como un valor por defecto

Una buena altura de línea depende de más cosas que la costumbre. El tamaño de fuente, el ancho de línea y la densidad del contenido cambian mucho la comodidad de lectura, y por eso esta calculadora te ayuda a comparar valores con más contexto.

Dónde merece más la pena

Se nota sobre todo en texto corrido, artículos, pantallas de ajustes y cualquier interfaz con lectura sostenida. Después de elegir un valor, compruébalo con contenidos reales y distintos anchos de pantalla para confirmar que el ritmo sigue funcionando fuera de la vista previa.