Se abre en una pestaña nueva

Diseño web

Interlineado web: la altura y la longitud de línea que hacen fácil leer tu texto

Qué es el interlineado, cuánto usar, qué longitud de línea conviene, cómo dejar que quien visita cambie el espaciado y cómo revisar el tuyo.

Revisada4 de noviembre de 2026
Lectura
Forma parte deDiseño web
Escucha esta guía
0:00 /7:10

Respuesta corta: dale al texto principal un interlineado de al menos 1.5, deja las líneas en 80 caracteres o menos y no lo justifiques. Después comprueba que no se corta nada cuando quien visita aumenta el espaciado, como pide el criterio de espaciado de texto del W3C.

Qué es el interlineado

La altura de línea fija cuánto mide cada línea de texto, así que controla el espacio entre líneas. En CSS es la propiedad line-height. Los navegadores usan alrededor de 1.2 por defecto, según la fuente.

MDN considera preferible fijarla con un número sin unidades, como 1.5. El navegador multiplica ese número por el tamaño de la fuente, así que el espacio crece con el texto cuando alguien amplía la página.

Ajuste Objetivo Quién lo pide
Interlineado Al menos 1.5 veces el tamaño de la fuente en los párrafos W3C 1.4.8, nivel AAA
Espacio entre párrafos Al menos 1.5 veces mayor que el interlineado W3C 1.4.8, nivel AAA
Longitud de línea Como máximo 80 caracteres, o 40 en chino, japonés y coreano W3C 1.4.8, nivel AAA
Alineación Sin justificar W3C 1.4.8, nivel AAA
Espaciado propio de quien visita Nada se pierde con altura de línea 1.5, párrafos 2, letras 0.12 y palabras 0.16 veces la fuente W3C 1.4.12, nivel AA

A partir del W3C y de MDN, consultados el 4 de noviembre de 2026.

Cuánto interlineado y qué longitud de línea usar

El criterio de presentación visual del W3C, de nivel AAA, pide una forma de conseguir un interlineado de al menos espacio y medio dentro de los párrafos, es decir, 1.5. También pide un espacio entre párrafos al menos 1.5 veces mayor que el interlineado, líneas de 80 caracteres como máximo y texto sin justificar. Nuestra guía de fuente para dislexia explica qué más ayuda a leer.

Esa forma puede ser el navegador u otra herramienta, así que tu página no tiene que usar esos valores. A algunas personas con discapacidades cognitivas les cuesta seguir el texto cuando las líneas van muy juntas, y con líneas largas algunos lectores pierden el hilo. El texto justificado puede abrir ríos de blanco entre las palabras.

Deja que quien visita pueda cambiar el espaciado

Algunas personas fijan su propio espaciado con una extensión del navegador o un marcador. El criterio de espaciado de texto del W3C, de nivel AA, pide que entonces no se pierda contenido ni función. Sus valores de prueba son altura de línea de 1.5 veces la fuente, espacio entre párrafos de 2 veces, de letras de 0.12 y de palabras de 0.16.

Tu página no tiene que usar esos valores. Tiene que aguantarlos. El W3C pone como fallo habitual el texto cortado o superpuesto, y unos puntos suspensivos solo valen si el texto completo sigue disponible. Medir las cajas de texto en unidades em, una de sus técnicas, deja que crezcan con el texto.

Nuestra guía de fuentes para web explica cómo elegir la tipografía, y nuestra guía de legibilidad de Flesch explica cómo trabajar las palabras.

Cómo revisar el espaciado de tu texto

  1. Abre una página con párrafos largos e inspecciona uno en las herramientas para desarrolladores del navegador.
  2. Mira el tamaño de la fuente y la altura de línea, y fija la altura en 1.5 o más con un número sin unidades.
  3. Cuenta los caracteres de una línea típica y estrecha la columna si las líneas pasan de 80.
  4. Deja que las cajas de texto crezcan con su texto en vez de darles una altura fija.
  5. Alinea el texto a un lado en vez de justificarlo.
  6. Aplica los cuatro valores de espaciado del W3C con un marcador o una hoja de estilo de prueba.
  7. Busca texto cortado o superpuesto en escritorio y en el teléfono, y arregla las cajas que lo causan.

Nuestra guía del verificador de accesibilidad explica las pruebas automáticas que encuentran otros problemas en las mismas páginas.

Cómo espacian el texto nuestras propias páginas

El 4 de noviembre de 2026 medimos en un navegador el texto principal de 10 de nuestras guías, 5 en inglés y 5 en español. Los párrafos usan una fuente de 18 píxeles en escritorio y de 16.5 píxeles en el teléfono.

El interlineado es de 1.65 en los dos casos, fijado con un número sin unidades, y el texto va alineado a un lado. La línea mediana tiene 65 caracteres en escritorio y 40 en el teléfono.

La prueba de espaciado de texto del W3C encontró un problema, en nuestro pie de página en el teléfono. La columna izquierda medía lo mismo que nuestra dirección de correo. Con el espaciado extra, la columna derecha se salía de la pantalla y cortaba palabras como «management».

Ese mismo día pasamos la columna de contacto a su propia fila y dejamos que las dos columnas se repartan el ancho. Con el espaciado del W3C, ya no se corta ningún texto del pie a 360, 390, 768 ni 1,440 píxeles.

Antes de publicar tu texto

  • El texto principal tiene un interlineado de 1.5 o más.
  • La altura de línea es un número sin unidades.
  • Las líneas se quedan en 80 caracteres o menos.
  • Las cajas de texto crecen con su texto.
  • El texto va alineado a un lado, sin justificar.
  • No se corta nada con el espaciado de texto del W3C.

RecuerdaDale aire al texto principal, con un interlineado de al menos 1.5 y líneas de menos de 80 caracteres. Después comprueba que tu diseño aguanta el espaciado propio de quien visita.

Los diseños fáciles de leer son parte de nuestro servicio de diseño web.

Respuestas rápidas sobre el interlineado

¿Qué interlineado conviene para el texto principal?

El W3C pide un interlineado de al menos espacio y medio dentro de los párrafos, es decir, 1.5. Los navegadores usan alrededor de 1.2 por defecto, según la fuente, así que fíjalo tú.

¿Interlineado y altura de línea son lo mismo?

Sí. En CSS la propiedad se llama line-height, y el criterio de espaciado de texto del W3C la llama altura de línea o interlineado. Fija la altura de cada línea, así que un valor mayor deja más espacio entre líneas.

¿Cuántos caracteres debe tener una línea de texto?

El criterio de presentación visual del W3C, de nivel AAA, habla de un ancho de 80 caracteres como máximo, o 40 en chino, japonés y coreano. El W3C advierte que, con líneas largas, algunos lectores pierden el hilo.

¿Debo justificar el texto de mi web?

No. El criterio de presentación visual del W3C pide texto sin justificar. Los espacios desiguales entre palabras del texto justificado pueden formar ríos de blanco que dificultan la lectura.

¿Qué es el espaciado de texto de las WCAG?

El criterio de éxito 1.4.12, de nivel AA. Sus valores de prueba son altura de línea de 1.5 veces la fuente, espacio entre párrafos de 2 veces, de letras de 0.12 y de palabras de 0.16. Con ellos no puede perderse contenido ni función.

Fuentes

Consultadas el 4 de noviembre de 2026. MDN Web Docs: line-height. En inglés, Iniciativa de Accesibilidad Web del W3C: Understanding SC 1.4.12 Text Spacing (Level AA) y Understanding SC 1.4.8 Visual Presentation (Level AAA). Nuestro caso: nuestras propias páginas, medidas en un navegador el 4 de noviembre de 2026.

Pedro Galindez

Pedro Galindez

Fundador de Feedback Studios, estudio de crecimiento bilingüe en Miami.

Escuchar0:00 /7:10

Más guías

Revisada 4 de noviembre de 2026

Legibilidad de Flesch: qué significa la puntuación y cómo hacer tu web más fácil de leer

Qué mide la legibilidad de Flesch, a qué puntuación apuntar, cómo verla en Word y cómo hacer que tus textos se lean mejor.

Revisada 4 de noviembre de 2026

Página de reservas online: qué configurar para que tus clientes agenden citas en tu web

Qué hace una página de reservas, los ajustes que mantienen tu agenda bajo control, cómo dejar corto el formulario y cómo configurarla.

Revisada 4 de noviembre de 2026

Qué es el DNS y cómo funcionan los registros DNS de tu web

Qué hace el DNS, los registros que necesita un negocio (A, CNAME, MX, TXT y NS), cuánto tardan los cambios y cómo cambiar un registro sin riesgos.

Revisada 4 de noviembre de 2026

E-E-A-T: qué significa y cómo demostrarlo en tus páginas

Qué significa E-E-A-T para Google, si es un factor de posicionamiento, el quién, cómo y por qué de una página, y cómo mostrar experiencia y confianza.

Revisada 4 de noviembre de 2026

Depurador de Facebook: cómo arreglar y actualizar la vista previa de un enlace

Qué muestra el depurador de Meta, qué necesita el rastreador de Facebook de tu página, cómo actualizar la vista previa de un enlace y qué hace el Post Inspector.

Siguiente paso

Cuéntanos qué necesitas

Escríbenos por WhatsApp o envíanos un mensaje. Respondemos en español o en inglés.