Tipografía

Interlineado

Ni apretado, ni flojo.

El interlineado es el espacio entre una línea de texto y la siguiente. Con el valor justo, leer no cuesta: cada línea te lleva a la próxima.

3 demos interactivas

Guía gratis por DM

Tipografía

Portada del reel de Feuxui sobre interlineado

01

Qué es

El interlineado es el espacio entre una línea y la siguiente. Se mide en veces el tamaño de la letra: 1.5 es una vez y media.

Con muy poco, las líneas se pisan y cuesta leer. Con demasiado, el texto se desarma y el ojo no sabe cuál es la línea que sigue.

02

Pruébalo

Mueve el control y mira cómo el párrafo pasa de apretado a flojo. La guía punteada mide una línea: tamaño de letra × interlineado.

Leer no debería costar. Cada línea te lleva a la siguiente sin esfuerzo.

1.5× el tamaño de la letra

18 px × 1.5 = 27 px entre línea y línea

Justo: cada línea te lleva a la siguiente.

La regla de oro

Párrafos a 1.5. Titulares, casi a 1.

03

Así no / así sí

Diseña con más aire Un buen interlineado lleva al ojo de una línea a la siguiente sin esfuerzo. Si las líneas se pisan, cuesta leer.
Al revés. Titular suelto y párrafo apretado.
Diseña con más aire Un buen interlineado lleva al ojo de una línea a la siguiente sin esfuerzo. Si las líneas se pisan, cuesta leer.
Justo. Titular en bloque y párrafo con aire.
✕Así no

Al revés.

Titular a 1.4 y párrafo a 1.0. El titular se lee como frases sueltas y el párrafo se aprieta hasta cansar.

✓Así sí

Justo.

Titular cerca de 1 para que se lea como un bloque, y párrafo a 1.5 para que respire.

04

Valores para copiar

Las franjas muestran el alto de cada línea. Cuanto más grande el texto, más cerrado el interlineado.

  • Titular grande
    Titular40 px o más. Cuanto más grande, más cerrado.
    0.9–1.1
  • Un subtítulo que ocupa dos líneas
    SubtítuloEntre el titular y el texto.
    1.1–1.3
  • Un párrafo cómodo de leer, con aire entre cada línea para que el ojo no se pierda.
    PárrafoEl texto largo. 1.5 es el punto de partida.
    1.4–1.6
  • Comprar
    Botón y UITextos de una línea: menús, botones, etiquetas.
    1.2

En Figma o Canva puede salir en %: 1.5 = 150%. En px, multiplica: letra de 16 px × 1.5 = 24 px.

05

Cómo aplicarlo hoy

1

Párrafo a 1.5

Una vez y media el tamaño de la letra. Si la columna es muy ancha, sube a 1.6.

2

Titular casi a 1

Entre 0.9 y 1.1. Así se lee como un solo bloque y no como frases sueltas.

3

Cuida las tildes

Al cerrar un titular, revisa que las tildes y la Ñ no choquen con la línea de arriba.

4

Más aire entre bloques

El espacio entre párrafos debe ser mayor que el interlineado, o todo se ve igual.

06

Antes de publicar

  • ¿Tus párrafos respiran (más o menos 1.5)?
  • ¿Tus titulares se leen como un bloque?
  • ¿Ninguna tilde choca con la línea de arriba?
  • ¿Hay más aire entre párrafos que entre líneas?

COMENTA
“INTERLINEADO”

y te envío
la guía
por DM

La guía de interlineado en PDF: seis páginas con ejemplos, reglas y la lista para revisar antes de publicar. Comenta la palabra en el reel de Instagram y te llega por mensaje directo.

Preguntas
frecuentes

¿Cuál es el interlineado ideal para un párrafo?

Alrededor de 1.5 veces el tamaño de la letra, es decir 150%. Con letra de 16 px, son 24 px entre línea y línea.

¿Qué interlineado usar en titulares?

Entre 0.9 y 1.1. Los titulares son grandes y cortos, así que con poco espacio se leen como un bloque compacto.

¿Qué es line-height en CSS?

Es la propiedad que define el interlineado en la web. Se recomienda escribirla sin unidad, por ejemplo line-height: 1.5, para que se ajuste al tamaño de cada texto.

Sigue aprendiendo

Conceptos
relacionados