Elegir fuentes no es cuestión de gustos personales: es legibilidad en móvil, rendimiento y coherencia con tu marca.
Parejas serif + sans
Fraunces o Playfair para titulares con Inter o DM Sans para cuerpo. Funciona en estudios creativos y consultoras.
Rendimiento
font-display: swap, subset latin y precarga solo del peso 600 del titular.
Escala tipográfica
Usa clamp() para tamaños fluidos entre 320px y 1440px.
Accesibilidad
Contraste mínimo 4.5:1 en cuerpo y 3:1 en titulares grandes según WCAG 2.2.
Conclusión
Limita a dos familias y usa variables CSS para pesos. Carga solo los caracteres que necesitas.
¿Quieres aplicar esto en tu proyecto? Solicita presupuesto y te respondemos en 24 h con una propuesta cerrada.