Se dice a menudo que el 95% de la web es tipografía. Puedes quitar las imágenes y los colores, y si la tipografía es buena, la web sigue funcionando. Pero si la tipografía falla, la experiencia se rompe.
Legibilidad vs. Lecturabilidad
- Legibilidad: ¿Se distingue una letra de otra? Aquí es crucial elegir fuentes diseñadas para pantalla (como Roboto, Open Sans o Inter) que tienen una buena altura de X y aperturas amplias.
- Lecturabilidad: ¿Es cómodo leer el bloque de texto? Aquí entra el interlineado (line-height). Un texto apelotonado agobia. Mi regla general: el interlineado debe ser al menos 1.5 veces el tamaño de la fuente.
La longitud de línea
Un error común en webs responsive es dejar que el texto se estire de borde a borde en una pantalla de escritorio. El ojo humano se cansa si la línea es muy larga. La medida ideal son 45 a 75 caracteres por línea. Esto permite un ritmo de lectura cómodo y natural.
Conclusión
La tipografía es la voz con la que se leerá tu web. Puede gritar, susurrar o explicar con claridad. Elegir la fuente correcta no es una cuestión de moda, es una cuestión de usabilidad.