La persistencia del tipo
La tipografía es la decisión de diseño más fundamental de la web. Antes que el color, antes que la maquetación, antes que el movimiento — está el texto. Y la manera en que ese texto está compuesto determina si alguien lo leerá.
No es una observación nueva. Pero es una que no deja de quedar enterrada bajo capas de abstracción. Los sistemas de diseño nos dan tokens. Los frameworks utilitarios nos dan clases. Las herramientas de IA nos dan maquetaciones. Y en algún punto de ese stack, el verdadero oficio de componer texto — elegir cuerpos, pesos, medidas, interlineado y jerarquía con intención — queda reducido a enchufar valores por defecto.
Los valores por defecto no son malos. Pero los valores por defecto sin comprensión producen resultados mediocres.
Lo que exige la buena tipografía en la web
La buena tipografía web exige atención a un número reducido de cosas, hechas con constancia:
- La medida — la longitud de línea importa más de lo que la mayoría de los desarrolladores cree. De 45 a 75 caracteres por línea no es una sugerencia; es el rango en el que la lectura se vuelve cómoda. Sal de él y la comprensión cae.
- El interlineado — el interlineado tiene que responder a la medida. Las líneas más largas necesitan más espacio entre sí. Las líneas cortas pueden ir más apretadas. No hay un único valor correcto.
- La escala — una escala tipográfica crea jerarquía visual sin gritar. La relación entre el texto de lectura, los subtítulos y los títulos debería sentirse inevitable, no arbitraria.
- El peso — la negrita no es el énfasis. Es una herramienta para el énfasis. La cursiva, el cuerpo, el color, el espaciado y la posición también contribuyen. Recurrir a
font-boldcomo primera respuesta a los problemas de jerarquía es un hábito que vale la pena romper. - El espacio en blanco — el espacio alrededor del texto es tan importante como el texto mismo. Márgenes generosos, rellenos meditados y aire entre secciones señalan calidad e invitan a leer.
La tipografía como accesibilidad
La buena tipografía es tipografía accesible. Contraste suficiente, cuerpos legibles, interlineado adecuado, longitud de línea apropiada — no son preferencias estéticas. Son requisitos funcionales que determinan si la gente puede usar lo que has construido.
El solapamiento entre "se ve bien" y "funciona para todos" es mayor de lo que la mayoría supone. Cuando optimizas para la legibilidad, casi siempre mejoras el diseño visual al mismo tiempo.
El oficio perdura
Los frameworks cambian. Las tendencias de diseño van en ciclos. Pero los principios del buen oficio tipográfico llevan siglos siendo estables. Invertir en comprenderlos — no solo aplicarlos, sino entender por qué funcionan — es una de las cosas de mayor apalancamiento que un diseñador o desarrollador web puede hacer.
La web es, en su núcleo, un medio tipográfico. Tratarla como tal es a la vez una postura de diseño y una muestra de respeto hacia las personas que leen lo que publicas.