Reglas básicas
- Máximo 2 tipografías: una para títulos, una para body. Más es caos.
- Personalidad alineada con tu marca específicamente
- Legibilidad primero: si no se lee, no sirve por más bonita que sea
- Licencia comercial verificada (algunas "gratis" son solo personales)
- Soporte multi-idioma: acentos, ñ, signos de pregunta abiertos en español
- Múltiples pesos: Regular + Bold mínimo (ideal: Light + Regular + Medium + Bold)
Familias tipográficas por personalidad
| Familia | Personalidad | Ejemplos populares |
|---|---|---|
| Serif | Clásica, premium, autoridad, editorial | Playfair Display, Merriweather, Lora |
| Sans-serif | Moderna, limpia, accesible, digital | Open Sans, Roboto, Inter, Montserrat |
| Display | Única, expresiva, solo para títulos | Oswald, Bebas Neue, Anton |
| Script | Femenina, artesanal, elegante | Dancing Script, Pacifico, Sacramento |
| Slab serif | Robusta, tradicional, estable | Roboto Slab, Arvo, Bree Serif |
Combinaciones que funcionan bien
- Playfair Display + Lato: serif elegante + sans-serif clean
- Montserrat + Open Sans: dos sans-serif (diferentes pesos)
- Oswald + Roboto: display impacto + sans-serif legible
- Merriweather + Open Sans: serif para títulos + sans para body
- Inter + Inter: una sola familia con varios pesos (minimalismo)
Fuentes recomendadas (Google Fonts, gratis comercial)
Para títulos (impacto)
- Montserrat (clean, moderna)
- Playfair Display (elegante, serif)
- Oswald (condensada, fuerte)
- Anton (display, bold)
- Bebas Neue (sans condensada)
Para body (legibilidad)
- Open Sans (estándar internacional)
- Roboto (Google design)
- Lato (humanista, cálida)
- Inter (optimizada para UI)
- Source Sans Pro (Adobe)
Errores comunes
- Usar más de 2 tipografías (caos visual)
- Elegir fuente gratuita sin verificar licencia comercial
- Display para body (ilegible en párrafos largos)
- Tipografía sin caracteres en español (acentos, ñ faltantes)
- Tamaños inadecuados (texto body menor a 14px en web es ilegible)
- Mucho contraste entre las dos fuentes (deben complementarse)
En Weblindrome ofrecemos consultoría de marca con propuestas transparentes. Solicita una cotización gratuita.