El mundo de las tipografías: la letra también comunica
Del origen etimológico, que se traduce básicamente como tipo de letra o escritura, existen distintas formas que representan o transmiten mensajes diferentes según su diseño. Las tipografías comunican antes de que se lea la primera palabra, y esa comunicación previa es la que casi nadie elige a conciencia.
Cuatro familias y qué transmite cada una
- Serif: con remates. Tradición, autoridad, texto largo impreso
- Sans serif: sin remates. Claridad, modernidad, pantallas
- Monoespaciadas: todas las letras ocupan lo mismo. Código, datos, precisión
- Manuscritas y decorativas: personalidad, y un riesgo alto de ilegibilidad
La cuarta familia es la que más tienta y la que más daño hace. Una tipografía decorativa puede funcionar en un logotipo de tres palabras y arruinar un párrafo entero.
Cómo elegir sin depender del gusto
La primera pregunta no es cuál me gusta sino dónde se va a leer. Las tipografías pensadas para papel no siempre funcionan en pantalla, y las diseñadas para pantalla suelen tener aperturas más amplias justamente por eso.
La segunda es cuánta variedad hace falta. Una familia con varios pesos —fina, normal, negrita— permite construir toda la jerarquía sin mezclar, y mezclar es donde la mayoría de los diseños se descomponen.
Legibilidad antes que carácter
Hay decisiones que no son negociables porque afectan a si el texto se lee: tamaño suficiente, interlineado holgado, líneas que no se estiren más allá de unos setenta caracteres, y contraste real contra el fondo.
Una tipografía con mucho carácter mal ajustada se lee peor que una neutra bien ajustada. En un sitio comercial, eso se paga en visitantes que no terminan de leer la oferta.
Dónde encontrar tipografías utilizables
Para web hay colecciones libres y de calidad que resuelven la mayoría de los casos sin costo ni problemas de licencia. Conviene revisar la licencia siempre: usar una tipografía comercial en el sitio de un cliente sin licencia es un problema legal que aparece tarde y caro.
Y una recomendación práctica: prueba las tipografías con el texto real del proyecto, en el tamaño real y en un teléfono. Muchas se ven espléndidas en el catálogo y mediocres en un párrafo de doce líneas.
Combinar dos tipografías sin equivocarse
La regla que funciona es buscar contraste claro, no parecido. Dos tipografías similares producen una sensación de error, como si una de las dos estuviera mal elegida; dos claramente distintas se leen como una decisión.
La combinación más segura sigue siendo una serif para los títulos y una sans serif para el cuerpo, o al revés. Y una regla práctica: si dudas de si dos tipografías combinan, no combinan.
Un detalle técnico que sí importa
En web, cada tipografía que se carga pesa. Usar cuatro familias con seis pesos cada una retrasa la carga de la página, y una página lenta pierde visitantes antes de mostrar la primera letra.
Dos familias y tres pesos bastan para casi cualquier proyecto. Lo escribí con más detalle en cómo mejorar la visibilidad de tu sitio web, donde la velocidad es una de las siete acciones. Y para el panorama completo, el artículo sobre tipografía da el contexto histórico.
Para cerrar
Las tipografías son la parte del diseño que más se nota cuando está mal y menos cuando está bien. Nadie sale de un sitio pensando «qué buena tipografía», y mucha gente abandona uno porque no logró leerlo cómodamente sin saber decir por qué. Ese carácter invisible es justamente lo que las hace importantes: trabajan todo el tiempo, en cada palabra, aunque el lector nunca las mire directamente.
Más artículos como este en el blog, y si quieres conversar sobre cómo aplicar esto a tu caso, puedes agendar veinte minutos sin costo.