Tamaño de fuente e interlineado óptimos para la lectura digital (2026)
· Alex
Los tres números que hacen legible un texto digital: tamaño mínimo de cuerpo 16 px, interlineado 1,4-1,6, 45-75 caracteres por línea — con citas de WCAG, Nielsen Norman y Bringhurst.
Tres números deciden si un párrafo es fácil o doloroso de leer: tamaño de fuente, interlineado y longitud de línea. Bien calibrados, el texto se vuelve invisible — el lector absorbe el significado sin notar la mecánica. Mal calibrados, incluso una frase brillante se siente pesada.
Tamaño de fuente: 16 px es el suelo, no el techo
Todos los sistemas de diseño modernos — desde las Human Interface Guidelines de Apple hasta Google Material Design 3 — convergen en la misma recomendación: 16 px (1 rem) es el mínimo para texto corrido en pantalla. Este número no es arbitrario. Está calibrado para la distancia media de lectura de un portátil (50-70 cm) y un móvil (30-35 cm) para que el ángulo visual resultante caiga en el rango que el ojo humano procesa sin esfuerzo.
El Nielsen Norman Group recomienda ir más lejos en páginas informativas: 18-20 px para texto corrido mejora la velocidad de escaneo en torno a un 10% en sus estudios de seguimiento ocular, con un coste de diseño casi nulo. Las páginas que se perciben como "premium" o "editoriales" — The New York Times, Medium, la documentación de Stripe — componen su texto entre 18 y 21 px. Si tu sitio actual está atascado en 14 px "porque cabe más contenido", estás optimizando la métrica equivocada: densidad no es retención.
Interlineado: apunta a 1,4 a 1,6
El interlineado (en CSS, `line-height`) es el espacio vertical entre líneas sucesivas. Demasiado apretado y el ojo pierde la referencia de dónde empieza la siguiente línea. Demasiado amplio y el párrafo se fragmenta en bandas desconectadas.
El consenso — que surge de The Elements of Typographic Style de Robert Bringhurst, del criterio 1.4.12 de WCAG 2.2 y de la investigación contemporánea sobre tipografía web — es un ratio entre 1,4 y 1,6 para el texto corrido. El W3C exige específicamente un mínimo de 1,5 para los párrafos cuando el usuario activa la preferencia de espaciado ampliado. Para titulares grandes puedes apretar el interlineado a 1,1-1,2 porque los caracteres ya son grandes; para texto de pie en cuerpo pequeño puede que necesites aflojarlo a 1,6-1,7 para mantener la facilidad de escaneo.
Longitud de línea: 45 a 75 caracteres por línea
La palanca más ignorada de las tres es la longitud de línea — técnicamente, la justificación. La regla de Bringhurst, retomada por el Baymard Institute y el Nielsen Norman Group, dice que el texto corrido debe extenderse entre 45 y 75 caracteres por línea, con 66 considerado el ideal para la prosa impresa. Por debajo de 45 caracteres, el ojo salta de línea demasiado a menudo y pierde continuidad. Por encima de 75 caracteres, el retorno de línea — el movimiento del final de una línea al inicio de la siguiente — se vuelve propenso a errores y fatigante.
En la web esto se traduce en un `max-width` entre 32rem y 40rem (aproximadamente 500-640 px) para contenido de lectura pura. Te darás cuenta de que todo sitio de formato largo bien diseñado impone esta restricción: Medium, el blog de ingeniería de Stripe, las páginas de investigación de Anthropic o The New Yorker limitan el ancho de los párrafos en la misma franja, incluso cuando el layout circundante ocupa todo el ancho.
Cómo Agentys aplica las tres reglas
Agentys está construido sobre estos tres números. El texto corrido de la interfaz está a 18 px con un interlineado de 1,6 y una medida máxima de lectura de 40rem — puedes contar los caracteres en cualquier párrafo y caerás entre 60 y 72. El layout de artículo de formato largo que estás leyendo ahora mismo es el mismo sistema, renderizado con las clases `text-lg leading-relaxed max-w-2xl` de Tailwind.
Cuando Agentys redacta un correo en tu nombre, no inyecta CSS: escribe párrafos cortos y bien estructurados para que el interlineado por defecto del cliente del destinatario produzca una salida legible, caiga donde caiga. Gmail en móvil, Outlook en pantalla ancha, Apple Mail en iPad — el mismo mensaje, siempre legible. Empieza tu prueba gratis y comprueba lo que se siente una tipografía calibrada en tu propia bandeja.
Una tipografía legible no es magia — son tres números aplicados con disciplina: 16 px o más, interlineado de 1,4 a 1,6, 45 a 75 caracteres por línea. Agentys aplica esos números para que tus lectores se centren en tu mensaje en lugar de luchar contra tu maquetación.