La tipografía representa más del 90% del contenido de cualquier página web. Si tu tipografía es difícil de leer en pantallas de móvil, tiene poco contraste o utiliza fuentes decorativas ilegibles, el usuario abandonará la lectura a los pocos segundos.
1. Las reglas de oro de la tipografía web profesional
Buenas prácticas tipográficas
- Máximo 2 familias tipográficas: Una para titulares destacados y otra para el cuerpo de texto general (o una sola superfamilia como Inter o Geist).
- Tamaño de cuerpo mínimo de 16px: En pantallas de móvil, cualquier texto inferior a 16px fatiga la vista y obliga a hacer zoom.
- Interlineado cómodo (Line-height 1.5 - 1.6): Dejar suficiente aire entre líneas para que el ojo salte sin esfuerzo al siguiente renglón.
- Alojamiento local de fuentes (Self-hosting): Alojar los archivos WOFF2 en tu propio servidor para evitar peticiones externas a Google Fonts y acelerar la carga en 200ms.
Tipografía limpia — Uso de Inter con contrastes óptimos de peso (Regular, Medium, SemiBold) para jerarquizar contenidos.
2. Conclusión
Una buena tipografía pasa desapercibida y hace que leer sea un placer; una mala tipografía ahuyenta a tus clientes potenciales.