La tipografía es el elemento de tu identidad que tus clientes verán más, mucho más a menudo que tu logo. Y contrariamente a una idea muy extendida, las mejores familias libres ya no tienen nada que envidiar a las licencias comerciales. Aquí tienes ocho apuestas seguras y el método para combinarlas.
Qué hace buena a una fuente de marca
Antes de la lista, los criterios. Una fuente de marca no se elige por lo bonita que queda en un cartel, sino por su solidez en el uso diario.
- Una familia completa: como mínimo regular, cursiva, seminegrita y negrita. Sin eso, te quedarás bloqueado en cuanto la maquetación sea un poco densa.
- Un juego de caracteres amplio: tildes, eñes, cedillas, comillas tipográficas. Una fuente sin «ñ» ni «¿» es inutilizable en español.
- Cifras bien dibujadas, idealmente de ancho fijo para tablas y precios.
- Legibilidad en tamaños pequeños, probada en pantalla y en impresión.
- Una licencia clara que autorice el uso comercial y la integración web.
Cuatro sans serif polivalentes
Inter
Diseñada específicamente para pantallas, con una altura de x generosa que la hace muy legible en tamaños pequeños. Una familia extremadamente completa, con numerosas funciones avanzadas. Es la opción por defecto más segura para una interfaz o una web.
Work Sans
Algo más de personalidad que Inter, con formas ligeramente atípicas en los pesos gruesos. Excelente para titulares y correcta para el texto. Ideal cuando quieres evitar un aspecto demasiado neutro.
Manrope
Geométrica y moderna, con terminaciones limpias. Funciona especialmente bien para marcas tecnológicas o de gama alta. Sus pesos finos resultan elegantes a gran tamaño.
Space Grotesk
Mucho carácter, con formas compactas y algo técnicas. Resérvala para los títulos: en textos largos cansa. Perfecta para una marca que quiere destacar visualmente desde el primer vistazo.
Cuatro serif con carácter
Fraunces
Una serif expresiva y muy configurable, capaz de ir de lo clásico y cálido a lo francamente excéntrico. Excelente para marcas del sector gastronómico, cultural o artesanal.
Newsreader
Diseñada para la lectura larga en pantalla. Sobria y cómoda, con una cursiva de muy buena factura. La elección natural para un blog o una web editorial.
Instrument Serif
Contrastada y elegante, destaca a tamaños muy grandes. Úsala exclusivamente para títulos, combinada con una sans serif neutra para el texto.
Source Serif 4
Una serif de texto sólida y discreta, con un juego de caracteres muy amplio. La elección sensata cuando la fiabilidad prima sobre el efecto.
Cómo combinar dos fuentes
La regla más útil cabe en una frase: busca el contraste, no el parecido. Dos fuentes demasiado parecidas dan impresión de error más que de intención.
- Contraste de categoría: una serif para los títulos con una sans serif para el texto, o al revés. Es la combinación más segura.
- Contraste de peso: un título muy grueso con un texto en regular crea de inmediato una jerarquía clara.
- Dos familias como máximo. Tres fuentes en un mismo soporte ya son demasiadas. Si necesitas más variedad, juega con los pesos y los tamaños de una misma familia.
- Prueba con contenido real, en tu idioma y con tus textos de verdad, no con falso latín. Las tildes cambian por completo el equilibrio de un bloque de texto.
Combinaciones que funcionan
Fraunces para los títulos con Inter para el texto, para una marca cálida y moderna. Space Grotesk para los títulos con Work Sans para el texto, para una marca con personalidad. Instrument Serif para los títulos con Manrope para el texto, para un registro elegante.
Buenas prácticas de integración web
Una fuente mal integrada ralentiza la web y provoca saltos en la maquetación. Unas pocas reglas sencillas bastan para evitarlo:
- Aloja los archivos en tu propio dominio en lugar de llamar a un servicio externo: es más rápido, más fiable y más respetuoso con los datos de tus visitantes.
- Usa el formato WOFF2, el más comprimido, compatible con todos los navegadores actuales.
- Limítate a los pesos que realmente usas. Cada peso es un archivo más que descargar.
- Aplica
font-display: swapcon una fuente del sistema de respaldo, para que el texto siga siendo legible durante la carga. - Considera las fuentes variables: un solo archivo cubre todos los pesos, a menudo con un tamaño menor que dos archivos clásicos.
Una vez elegidas tus dos familias, documéntalas en tu manual de marca con los tamaños y usos precisos. Esa disciplina, más que la elección en sí, es lo que hará que tu marca sea reconocible.