Branding
Diseño Web
Redes sociales
Studio Partner
En resumen: las tipografías se agrupan en seis grandes familias: serif (con remates), sans serif o de palo seco, slab serif, caligráficas, decorativas y monoespaciadas. Cada una transmite algo distinto. Para elegir la de una marca, define primero su personalidad, piensa dónde se va a usar, comprueba que se lea bien en tamaños pequeños, que tenga pesos y caracteres suficientes y que la licencia te permita usarla. Y no combines más de dos.
La tipografía es una de las decisiones de diseño que más se nota y menos se piensa. Antes de leer una sola palabra, la forma de las letras ya ha dicho algo: si una marca es clásica o actual, seria o cercana, cara o accesible. Por eso dos negocios con el mismo nombre pueden parecer completamente distintos solo por cómo está escrito.
En esta guía repasamos los tipos de tipografía que existen, cómo reconocerlos y, sobre todo, cómo elegir la adecuada para una marca, una web o unas redes sociales.
Antes de empezar: cinco conceptos que conviene conocer
- Serifa o remate: el pequeño trazo que cierra los extremos de algunas letras. Su presencia o ausencia es lo primero que separa a las familias.
- Altura x: la altura de las minúsculas sin ascendentes ni descendentes, como la propia x. Cuanto mayor, más legible suele ser una letra en tamaños pequeños.
- Peso: el grosor del trazo: fina, regular, negrita y todos los intermedios.
- Contraste: la diferencia entre los trazos gruesos y finos de una misma letra.
- Tipografía y fuente: se usan como sinónimos, pero la tipografía es el diseño (por ejemplo, Helvetica) y la fuente es cada archivo o variante concreta (Helvetica Bold, por ejemplo).
Los tipos de tipografía, de un vistazo
| Familia | Cómo se reconoce | Qué transmite | Ejemplos conocidos |
|---|---|---|---|
| Serif | Remates en los extremos de las letras. | Tradición, prestigio, seriedad. | Garamond, Baskerville, Bodoni, Times New Roman |
| Sans serif | Sin remates, trazos limpios. | Modernidad, claridad, cercanía. | Helvetica, Futura, Gill Sans |
| Slab serif | Remates gruesos y rectangulares. | Solidez, carácter, aire industrial. | Rockwell, Clarendon |
| Caligráficas | Imitan la escritura a mano. | Elegancia o espontaneidad, según el estilo. | Brush Script, Snell Roundhand |
| Decorativas | Formas muy marcadas, pensadas para destacar. | Personalidad, impacto. | Cooper Black, Bebas Neue |
| Monoespaciadas | Todas las letras ocupan el mismo ancho. | Técnica, precisión, guiño a la máquina de escribir. | Courier, IBM Plex Mono |
Serif: las de remate
Son las herederas de la letra grabada en piedra y de la imprenta. Transmiten tradición, autoridad y cuidado, por eso siguen dominando en prensa, editoriales, despachos profesionales o marcas de lujo. Dentro de las serif hay tres grandes estilos:
- Romanas antiguas: poco contraste y aire cálido, como Garamond, diseñada en el siglo XVI. Muy cómodas para textos largos.
- De transición: algo más de contraste y formas más regulares, como Baskerville, de 1757.
- Modernas o didonas: contraste extremo entre trazos muy finos y muy gruesos, como Bodoni o Didot. Son las de las cabeceras de moda: espectaculares en tamaños grandes, delicadas en pequeño.
Sans serif: las de palo seco
Sin remates, más limpias y directas. Son las más usadas hoy en pantallas, apps y marcas que quieren parecer actuales y cercanas. También tienen subfamilias con personalidades muy distintas:
- Grotescas y neogrotescas: neutras y muy versátiles. Helvetica, de 1957, es el ejemplo más conocido.
- Geométricas: construidas a partir de círculos y líneas rectas, como Futura, de 1927. Transmiten orden y modernidad.
- Humanistas: inspiradas en la escritura a mano, con trazos más orgánicos, como Gill Sans, de 1928. Suelen ser las más amables y legibles en textos largos de pantalla.
Slab serif: remates con carácter
Tienen serifa, pero en forma de bloque grueso y rectangular. Nacieron en el siglo XIX para carteles y anuncios, y conservan ese aire robusto y algo industrial. Rockwell es un buen ejemplo. Funcionan muy bien en titulares, marcas de producto, gastronomía o artesanía, y se leen bien a distancia.
Caligráficas o manuscritas
Imitan la escritura con pluma, pincel o rotulador. Las formales, de trazos enlazados y elegantes, se asocian a invitaciones, moda o bodas; las informales, más sueltas, transmiten espontaneidad y cercanía. Tienen mucha personalidad, pero pierden legibilidad rápido: son para palabras sueltas, logotipos o detalles, nunca para párrafos.
Decorativas o display
Están pensadas para verse grandes y llamar la atención: titulares, carteles, rótulos, portadas. Cooper Black o Bebas Neue son dos ejemplos muy populares. Usadas con medida dan mucha personalidad; usadas en exceso, cansan y se quedan anticuadas en pocos años.
Monoespaciadas
Todas sus letras ocupan exactamente el mismo ancho, como en una máquina de escribir. Courier, creada en 1955, es la más reconocible. Hoy se usan sobre todo para código y para marcas que quieren un aire técnico, editorial o con cierto toque retro.
Cómo elegir la tipografía de una marca
1. Define la personalidad antes de abrir un catálogo
Escribe tres adjetivos que describan tu marca: cercana, sólida y artesanal, por ejemplo. Luego descarta todo lo que no encaje con ellos. Elegir primero «una letra bonita» y después buscarle sentido es la forma más rápida de acabar con una tipografía que no te representa.
2. Piensa dónde va a vivir
No es lo mismo una tipografía para un logotipo que se verá en un rótulo de fachada que una para los textos de una web o los subtítulos de un reel. Haz una lista de los usos reales: pantallas pequeñas, impresión, bordado, envases, señalética. Una letra con trazos muy finos puede ser preciosa en un cartel y desaparecer en el móvil o en un bordado.
3. Comprueba la legibilidad
Escribe una frase en tamaño pequeño y fíjate en tres cosas: si la altura x es generosa, si las letras abiertas como la «c» o la «e» no se cierran demasiado y si se distinguen bien la «I» mayúscula, la «l» minúscula y el número «1». Si dudas al leerla, tus clientes también dudarán.
4. Busca una familia completa
Una buena tipografía de marca tiene varios pesos, cursivas y todos los caracteres que vas a necesitar: la «ñ», las tildes, la diéresis, los signos de apertura «¿» y «¡» y, si trabajas en Mallorca o Cataluña, la ela geminada del catalán («l·l»). Muchas tipografías gratuitas o muy decorativas no los tienen o los resuelven mal.
5. Revisa la licencia
Las tipografías tienen licencia, igual que las fotos. Las de Google Fonts se distribuyen en su mayoría con la licencia SIL Open Font License, que permite el uso comercial. Las de Adobe Fonts se pueden usar mientras mantengas la suscripción de Creative Cloud. Y las tipografías de pago se licencian por uso: escritorio, web, apps o publicidad suelen tener precios distintos. Antes de construir una marca sobre una letra, asegúrate de que puedes usarla en todos los sitios donde la vas a necesitar.
6. Pruébala con contenido real
Nada de «lorem ipsum». Escribe tu nombre, un titular de tu web, un precio, una dirección y un párrafo largo. Imprímelo, míralo en el móvil y déjalo reposar un día. Las tipografías que solo funcionan en la muestra del catálogo se descubren rápido con textos de verdad.
Elegir primero una letra bonita y después buscarle sentido es la forma más rápida de acabar con una tipografía que no te representa.
Cómo combinar dos tipografías
La regla más útil es sencilla: como máximo dos tipografías, una para titulares y otra para textos. Y para que convivan bien:
- Busca contraste, no parecido. Una serif para titulares y una sans serif para textos, o al revés, suele funcionar. Dos sans serif casi iguales parecen un error.
- Que compartan algo. Proporciones o altura x parecidas ayudan a que el conjunto se vea coherente.
- Juega con la misma familia. Si una tipografía tiene muchos pesos, a veces basta con ella sola: negrita para titulares y regular para textos.
- Define una jerarquía. Tamaños, pesos y espacios fijos para titular, subtítulo, texto y notas. La coherencia viene más de repetir esa jerarquía que de la tipografía en sí.
Tipografías gratuitas recomendadas para cada estilo
Si estás empezando o buscas una alternativa libre, Google Fonts tiene tipografías de mucha calidad para cada familia. Todas son de código abierto y permiten el uso comercial, aunque conviene comprobar en cada una que incluye todos los caracteres que necesitas.
| Familia | Tipografías gratuitas | Buena opción para |
|---|---|---|
| Serif | Playfair Display, EB Garamond, Lora, Libre Baskerville | Titulares elegantes, marcas de moda, textos editoriales. |
| Sans serif | Inter, Montserrat, DM Sans, Work Sans | Webs, apps, textos largos en pantalla, marcas actuales. |
| Slab serif | Roboto Slab, Zilla Slab, Arvo | Titulares con carácter, gastronomía, producto. |
| Caligráficas | Great Vibes, Dancing Script, Caveat | Detalles, firmas, invitaciones. Nunca textos largos. |
| Decorativas | Bebas Neue, Abril Fatface, Anton | Carteles, portadas, titulares muy grandes. |
| Monoespaciadas | JetBrains Mono, IBM Plex Mono, Space Mono | Código, marcas tecnológicas, detalles editoriales. |
Además de Google Fonts, Fontshare reúne tipografías de mucha calidad que también son gratuitas para uso comercial. En otras webs de descargas, revisa siempre la licencia: muchas fuentes «gratis» solo lo son para uso personal y no sirven para una marca.
Cómo saber qué tipografía es
Ves un cartel, una web o un logotipo y quieres saber qué letra usa. Hay varias formas de averiguarlo:
- Desde una imagen: herramientas como WhatTheFont, de MyFonts, o Font Squirrel Matcherator analizan una foto o una captura y te proponen las tipografías más parecidas.
- Desde el móvil: la aplicación Adobe Capture reconoce tipografías a partir de una foto y te sugiere opciones similares de Adobe Fonts.
- Desde una web: haz clic derecho sobre el texto, elige «Inspeccionar» y busca la propiedad font-family. También hay extensiones de navegador, como WhatFont, que lo muestran al pasar el ratón.
Para que funcione mejor, usa una imagen nítida y recta, con varias letras distintas y sin efectos. Y ten en cuenta que muchos logotipos usan letras dibujadas o modificadas a mano, así que a veces encontrarás una tipografía parecida, no la exacta.
Tipografía en la web: lo que conviene saber
- Tamaño: para textos largos en pantalla, en torno a 16 píxeles es un buen mínimo; en móvil, mejor no bajar de ahí.
- Interlineado: entre 1,4 y 1,6 veces el tamaño de la letra hace los párrafos mucho más cómodos de leer.
- Longitud de línea: entre 45 y 75 caracteres por línea es lo que mejor se lee. Las columnas muy anchas cansan.
- Contraste: gris claro sobre blanco queda elegante en el diseño y es ilegible para mucha gente. Mejor un contraste suficiente.
- Velocidad: cada peso tipográfico es un archivo que la web tiene que descargar. Carga solo los que uses, en formato WOFF2, y valora las tipografías variables, que reúnen todos los pesos en un único archivo.
Los errores más comunes
- Usar demasiadas tipografías. Tres o cuatro letras distintas en una misma pieza dan sensación de desorden.
- Caligráficas en textos largos. Lo que en un logotipo tiene encanto, en un párrafo es ilegible.
- Elegir por moda. Las tipografías del momento se reconocen enseguida y envejecen igual de rápido.
- Olvidar la licencia. Descubrir que no puedes usar tu tipografía en la web o en un anuncio cuando la marca ya está hecha sale caro.
- No comprobar los caracteres. Una «ñ» o una tilde que falta obliga a mezclar fuentes y se nota.
- Cambiar de tipografía en cada pieza. La marca pierde coherencia. Para eso se define en el manual de marca.
Preguntas frecuentes
¿Cuál es la tipografía más legible?
No hay una única respuesta. En pantalla suelen leerse mejor las sans serif con altura x generosa y formas abiertas, como las humanistas. En textos largos impresos, muchas serif clásicas siguen siendo muy cómodas. Más que la familia, importan el tamaño, el interlineado, el contraste y la longitud de línea.
¿Puedo usar una tipografía gratuita en mi logotipo?
Depende de su licencia. Las que tienen licencia SIL Open Font License, como la mayoría de Google Fonts, se pueden usar en logotipos y en uso comercial. Pero ten en cuenta que cualquiera puede usar la misma letra, así que tu logotipo será menos exclusivo. Muchas marcas parten de una tipografía existente y la modifican para hacerla propia.
¿Cuántas tipografías debería tener una marca?
Una o dos. Una sola familia con varios pesos suele ser suficiente; dos, si quieres diferenciar claramente titulares y textos. A partir de ahí, cada tipografía nueva resta coherencia.
¿Qué diferencia hay entre tipografía y fuente?
En el día a día se usan como sinónimos. En sentido estricto, la tipografía es el diseño de las letras y la fuente es cada archivo o variante concreta: Garamond es la tipografía y Garamond Italic, una de sus fuentes.
¿Dónde descargar tipografías gratis con licencia comercial?
Google Fonts y Fontshare son dos buenas opciones: todas sus tipografías se pueden usar en proyectos comerciales. En otros sitios de descarga, lee la licencia antes de usar una fuente en tu marca; las que indican «free for personal use» no permiten el uso comercial.
La tipografía es solo una parte de la identidad de una marca, como explicamos en la diferencia entre logotipo e identidad visual. Si estás definiendo la de la tuya, en nuestro servicio de branding te contamos cómo trabajamos.
