Calculadora de Interlineado
La calculadora de interlineado recomienda el interlineado, el espaciado entre letras y un ancho máximo de párrafo ideal para un tamaño de fuente y un uso concreto (texto, títulos, etiquetas de UI o tipografía display), con vista previa en vivo y salida CSS.
Acerca de esta herramienta
La calculadora de interlineado recomienda el interlineado, el espaciado entre letras y un ancho máximo de párrafo ideal para un tamaño de fuente y un uso concreto (texto, títulos, etiquetas de UI o tipografía display), con vista previa en vivo y salida CSS.
Cómo se usa
- Introduce el tamaño de fuente en píxeles.
- Elige un estilo: texto de cuerpo, título, etiqueta de UI o display.
- Revisa el párrafo de vista previa y los cuatro valores recomendados.
- Haz clic en Copiar CSS para llevar los valores a tu hoja de estilos.
Datos útiles
- El texto de cuerpo se lee cómodamente con un interlineado de unas 1.5–1.6 veces el tamaño de fuente.
- Los títulos grandes y la tipografía display quedan mejor con un interlineado más ajustado, de aproximadamente 1.05–1.2.
- Una longitud de línea legible ronda los 45–75 caracteres por línea.
- WCAG 1.4.12 exige que el contenido siga funcionando cuando los usuarios fijan el interlineado en 1.5 y el espaciado entre letras en 0.12 em.
- Los valores de line-height sin unidad (como 1.6) se escalan con el tamaño de fuente de cada elemento.
Funciona por completo en tu navegador: nada de lo que introduces se sube ni se guarda.
Preguntas frecuentes
¿Cuál es un buen interlineado para el texto de cuerpo?
Alrededor de 1.5 a 1.6 veces el tamaño de fuente. Para un texto de 16 px, eso son unos 24–26 px.
¿Los títulos deben tener un interlineado menor?
Sí. El texto grande necesita menos espacio relativo, así que los títulos suelen usar 1.1–1.3 y el texto display, aún menos.
¿Cuál es la longitud de línea ideal para leer?
Aproximadamente 45–75 caracteres por línea; para el texto de cuerpo se suele citar 65 como ideal.
¿Debo usar line-height sin unidad en CSS?
Normalmente sí. Un valor sin unidad como 1.6 se hereda como proporción, así que los elementos hijos con otros tamaños de fuente mantienen un espaciado proporcional.