Dos extremos del mismo espectro: el diseño tipográfico determina si el texto invita a ser leído o lo dificulta.
Las definiciones que todo diseñador debe conocer
La legibilidad (legibility en inglés) se refiere a la claridad con la que se pueden distinguir los caracteres individuales de una tipografía. Es una propiedad intrínseca de la fuente: el diseño de sus glifos, la diferenciación entre formas similares —como la «l» minúscula, la «I» mayúscula y el «1» número—, la apertura de sus contraformas internas y la consistencia del sistema de trazos.
La lecturabilidad (readability), en cambio, es una propiedad del texto compuesto: cómo interactúan el tamaño del cuerpo, el interlineado, el ancho de columna, el color del texto y el fondo para facilitar —o dificultar— la lectura continua de párrafos y bloques extensos. Un texto puede estar compuesto con una fuente altamente legible pero resultar difícil de leer si el interlineado es insuficiente o la columna demasiado ancha.
Propiedad del carácter individual
¿Puedo identificar esta letra con claridad?
- Diseño de los glifos individuales
- Diferenciación entre formas similares
- Apertura de contraformas internas
- Consistencia del sistema de trazos
- Modulación del grosor de astas
Propiedad del texto compuesto
¿Puedo leer este párrafo cómodamente?
- Tamaño del cuerpo tipográfico
- Interlineado (leading)
- Longitud de línea (medida)
- Contraste texto-fondo
- Espaciado entre palabras y letras
Los factores que determinan la legibilidad de una fuente
El investigador Gerry Leonidas de la Universidad de Reading identificó que la legibilidad es el resultado de un conjunto de decisiones de diseño interrelacionadas. No existe una sola característica determinante: es la suma ponderada de múltiples variables que se refuerzan o se contrarrestan entre sí.
La altura de la x
Las letras minúsculas constituyen la mayor parte del texto que leemos cotidianamente. Una altura de x generosa —la distancia entre la línea de base y la parte superior de letras como «a», «e» o «m»— mejora sustancialmente el reconocimiento de caracteres a tamaños pequeños o en condiciones de impresión mediocre. Es por esto que fuentes diseñadas específicamente para pantalla, como Georgia o Verdana (creadas por Matthew Carter para Microsoft), tienen alturas de x considerablemente mayores que las clásicas fuentes para composición tipográfica en imprenta de alta calidad.
Apertura de contraformas
Las contraformas son los espacios encerrados o semiabiertos dentro y alrededor de las letras. La «c», la «e», la «a» y la «g» dependen críticamente de contraformas bien abiertas para ser distinguibles a distancias o tamaños reducidos. Las fuentes con contraformas muy cerradas se degradan rápidamente cuando se reducen de tamaño, se imprimen en baja resolución o se visualizan en pantallas con subpixel rendering deficiente.
Diferenciación entre glifos similares (problema IL1)
El conjunto de caracteres conformado por la «I» mayúscula, la «l» minúscula y el dígito «1» es emblemático: en muchas fuentes sin serifa —especialmente las de diseño geométrico— estos tres caracteres son prácticamente idénticos. Para textos funcionales que incluyen contraseñas, códigos de productos, números de serie o códigos postales, esta ambigüedad es crítica. Las fuentes diseñadas para interfaces técnicas, como JetBrains Mono o Source Code Pro, resuelven este problema explícitamente mediante la inclusión de serifas diferenciadas, inclinaciones o formas específicas para cada carácter conflictivo.
La apertura de las contraformas varía significativamente entre familias: un factor decisivo para la legibilidad a tamaños pequeños.
Contraste cromático: el pilar de la lecturabilidad
Las Pautas de Accesibilidad al Contenido en la Web (WCAG 2.1), publicadas por el W3C, definen estándares concretos de contraste que todo diseñador de comunicación debería integrar en su vocabulario profesional, no como una restricción burocrática sino como punto de partida para el diseño responsable.
| Nivel WCAG | Texto normal (< 18 pt) | Texto grande (≥ 18 pt) | Aplicación recomendada |
|---|---|---|---|
| AA | 4.5 : 1 | 3 : 1 | Requisito mínimo para contenido web público en Argentina y la UE |
| AAA | 7 : 1 | 4.5 : 1 | Textos de lectura continua, usuarios con baja visión |
| Editorial óptimo | 8–12 : 1 | 5–7 : 1 | Publicaciones impresas, libros, revistas de larga lectura |
El contraste óptimo no siempre equivale al máximo posible. El negro puro (#000000) sobre blanco puro (#FFFFFF) genera un ratio de 21:1, que puede producir fatiga visual en lecturas prolongadas por el exceso de tensión entre figura y fondo. La mayoría de las editoriales de libros utiliza un gris muy oscuro (#1a1a1a o equivalente) sobre papel ligeramente cálido, reduciendo el contraste a valores en torno a 15:1 para una experiencia de lectura más sostenida.
Espacio tipográfico: interlineado, tracking y medida de línea
Interlineado (leading)
El interlineado es, posiblemente, la variable más subestimada en el diseño de texto corrido. Una regla práctica ampliamente adoptada indica que el interlineado debe situarse entre un 20% y un 30% por encima del tamaño del cuerpo. En CSS, esto equivale a valores de line-height entre 1.4 y 1.6 para texto de cuerpo en pantalla. Sin embargo, esta regla requiere ajustes según el contexto: las fuentes con alturas de x grandes necesitan más interlineado; el texto en columnas angostas admite interlineados menores; el texto en pantalla generalmente requiere más espacio vertical que su equivalente impreso.
Longitud de línea (medida)
La investigación en ergonomía de la lectura establece que la longitud de línea óptima para texto de lectura continua se encuentra entre 45 y 75 caracteres por línea (incluyendo espacios). Las columnas demasiado angostas obligan al ojo a realizar demasiados saltos de línea, interrumpiendo el ritmo de lectura. Las columnas excesivamente anchas dificultan que el ojo encuentre el inicio de la siguiente línea. Para diseño web en Argentina, donde el español tiende a tener palabras más largas que el inglés, los 60–70 caracteres suelen ser el punto de equilibrio más confiable.
Tracking y espaciado entre palabras
El texto en caja alta (mayúsculas o versalitas) casi siempre mejora con un leve tracking positivo, ya que las formas de las mayúsculas son más geométricas y menos moduladas que las minúsculas. Para títulos de display a tamaños grandes, un tracking ligeramente negativo puede mejorar el ritmo y la cohesión visual de la línea.
Legibilidad y accesibilidad: responsabilidad ética del diseño
En Argentina, la Ley N.° 26.653 de Accesibilidad de la Información en las Tecnologías de la Información y la Comunicación establece que todos los sitios del sector público deben cumplir con estándares de accesibilidad web. Aunque la norma aplica directamente al sector público, el estándar que define —basado en WCAG 2.0 nivel AA— representa un piso de calidad que cada vez más organizaciones privadas adoptan voluntariamente como práctica de diseño responsable.
Datos de contexto: diversidad visual en Argentina
Según estimaciones basadas en datos del INDEC y la OMS, aproximadamente un 8% de la población argentina presenta algún grado de discapacidad visual. En términos de acceso a la lectura, esta cifra se amplía cuando se incluyen el daltonismo (que afecta a un 8% de los hombres), la dislexia (estimada en un 5–10% de la población) y la presbicia (presente en prácticamente toda la población mayor de 45 años). Diseñar para la legibilidad es diseñar para la inclusión.
Métodos prácticos para evaluar la legibilidad
Más allá de los principios teóricos, evaluar la legibilidad requiere métodos concretos aplicables en el flujo de trabajo habitual del diseñador:
- Test de contraste (herramienta digital): Recursos como WebAIM Contrast Checker o la función de accesibilidad nativa de Figma calculan el ratio de contraste entre dos colores según WCAG en tiempo real.
- Reducción al 25%: Visualizar el diseño al 25% de su tamaño original. Si el texto se vuelve ilegible antes de ese punto, las contraformas son probablemente demasiado cerradas para el uso previsto.
- Test de desenfoque gaussiano: Aplicar un filtro de desenfoque de 3–5 px. El texto bien diseñado mantiene su reconocibilidad estructural incluso bajo desenfoque moderado.
- Conversión a escala de grises: Revela dependencias cromáticas inadvertidas: si el texto desaparece contra el fondo, el contraste es cromático y no lumínico, lo que afecta a usuarios con daltonismo.
- Prueba de lectura cronometrada: Solicitar a usuarios representativos que lean un fragmento estandarizado y registrar velocidad y errores de comprensión. Comparar variantes de diseño.
- Simulación de condiciones adversas: Visualizar el diseño en una pantalla de baja resolución, en condiciones de luz solar directa o en impresión de borrador para evaluar la degradación tipográfica.
Un conjunto sistemático de pruebas visuales permite evaluar la robustez tipográfica ante distintas condiciones reales de lectura.
"La tipografía que no puede leerse no sirve de nada, sin importar cuán bella sea. La forma sigue a la función, también —y quizás especialmente— en el diseño tipográfico."— Jan Tschichold, La nueva tipografía, 1928
Herramientas y recursos recomendados
Para quienes quieran profundizar en la evaluación y mejora de la legibilidad tipográfica, recomendamos los siguientes recursos de referencia:
- WebAIM Contrast Checker — webaim.org/resources/contrastchecker
- Google Fonts Knowledge — fonts.google.com/knowledge (sección Legibility)
- Butterick's Practical Typography — practicaltypography.com
- Los elementos del estilo tipográfico — Robert Bringhurst (disponible en español)
- Type: A Visual History of Typefaces and Graphic Styles — Taschen