Tipos de letras: clasificación tipográfica con ejemplos y cómo combinar fuentes en un diseño sin que se vea amateur

Resumen ejecutivo

• Los tipos de letras se agrupan en seis familias principales: serif, sans serif, slab serif, script, display y monoespaciada.

• Cada familia transmite algo distinto: tradición, modernidad, solidez, cercanía, impacto o precisión técnica. Elegir mal la familia hace que un diseño «diga» otra cosa.

• Para combinar fuentes, la regla más segura es usar dos como máximo, con contraste claro entre ellas y una sola jerarquía.

• Al final tenés combinaciones probadas de fuentes gratuitas de Google Fonts y los errores que hacen que un diseño se vea amateur.

La tipografía es una de las decisiones que más pesan en un diseño y una de las que menos se notan cuando está bien hecha. Un flyer, una landing o un logo pueden tener buenos colores y buenas imágenes, pero si las letras no acompañan, el resultado se ve improvisado. En esta guía vas a conocer la clasificación tipográfica con ejemplos, qué transmite cada tipo de letra y cómo combinar fuentes sin errores. Si estás empezando, también te sirve repasar qué es el diseño gráfico y sus tipos.

Fuente, tipografía y familia: tres palabras que se confunden

• Tipografía: la disciplina que estudia el diseño y el uso de las letras. En la práctica, también se usa para nombrar un diseño de letra, como Helvetica.

• Familia tipográfica: el conjunto de variantes de un mismo diseño: regular, itálica, negrita, light, condensada.

• Fuente: el archivo concreto de una variante, por ejemplo «Roboto Bold».

La entrada de Wikipedia sobre tipografía resume la historia de estas diferencias, desde los tipos móviles hasta las fuentes digitales.

Clasificación tipográfica: los 6 tipos de letras

1. Serif (con serifa)

Las letras serif tienen pequeños remates en los extremos de los trazos. Vienen de la tradición de la imprenta y se asocian con lo clásico, lo editorial y lo confiable. Ejemplos: Times New Roman, Garamond, Georgia, Playfair Display. Funcionan bien en libros, diarios, marcas de abogados o vinos y títulos elegantes.

2. Sans serif (sin serifa)

Sin remates, con trazos más limpios. Transmiten modernidad, claridad y neutralidad, y son las más usadas en pantallas e interfaces. Ejemplos: Helvetica, Arial, Inter, Roboto, Montserrat. Son la opción por defecto para apps, sitios web, señalética y marcas tecnológicas.

3. Slab serif (serifa egipcia)

Tienen serifas gruesas y rectangulares, casi del mismo grosor que el trazo. Se ven sólidas y con carácter. Ejemplos: Rockwell, Roboto Slab, Arvo. Funcionan en títulos, marcas con personalidad industrial y piezas que necesitan presencia.

4. Script (manuscrita o caligráfica)

Imitan la escritura a mano, con pluma o pincel. Transmiten cercanía, elegancia o informalidad, según el estilo. Ejemplos: Pacifico, Dancing Script, Great Vibes. Se usan en invitaciones, logos de emprendimientos gastronómicos o de moda y detalles decorativos, nunca en textos largos.

5. Display (decorativa)

Diseñadas para verse grandes y llamar la atención: formas exageradas, estilos temáticos o experimentales. Ejemplos: Bebas Neue, Lobster, Abril Fatface. Son ideales para títulos, carteles y portadas, pero se vuelven ilegibles en tamaños chicos.

6. Monoespaciada

Todas las letras ocupan el mismo ancho, como en una máquina de escribir. Se asocian con la programación y lo técnico. Ejemplos: Courier, Roboto Mono, JetBrains Mono. Se usan en editores de código, tablas de datos y marcas que quieren un estilo técnico.

Qué transmite cada tipo de letra

• Serif: tradición, autoridad, elegancia.

• Sans serif: claridad, modernidad, cercanía digital.

• Slab serif: fuerza, solidez, personalidad.

• Script: calidez, creatividad, lo artesanal.

• Display: impacto, humor, tema específico.

• Monoespaciada: precisión, tecnología, orden.

Antes de elegir, pensá en la personalidad de la marca o la pieza. Si querés profundizar en este proceso, leé cómo definir el branding de una marca. La sección de conocimiento de Google Fonts tiene una buena guía sobre cómo elegir tipografía según el contexto.

Cómo combinar fuentes sin que se vea amateur

Regla 1: dos fuentes como máximo

Una para títulos y otra para el texto. Si necesitás más variedad, usá los pesos y estilos de la misma familia (light, regular, bold, itálica) en lugar de sumar una tercera fuente.

Regla 2: buscá contraste, no parecido

Dos sans serif muy parecidas generan la sensación de error. Combiná familias distintas, por ejemplo una serif para títulos y una sans serif para el texto, o una display con una sans serif neutra.

Regla 3: una sola jerarquía clara

Definí tamaños fijos para título, subtítulo y texto, y respetalos en toda la pieza. Una escala simple funciona: si el texto mide 16 píxeles, probá 24 para subtítulos y 36 o 40 para títulos.

Regla 4: legibilidad antes que estilo

El texto largo tiene que leerse sin esfuerzo: tamaño suficiente, interlineado cómodo (alrededor de 1,4 a 1,6 veces el tamaño de la letra) y buen contraste con el fondo. Para la web, las pautas de accesibilidad WCAG piden una relación de contraste mínima de 4,5 a 1 para el texto normal.

Combinaciones probadas con fuentes gratuitas

Todas están disponibles en Google Fonts, gratis para uso personal y comercial:

• Playfair Display + Source Sans: editorial y elegante. Para blogs, revistas y marcas de lujo accesible.

• Montserrat + Merriweather: moderna en títulos, cómoda para leer en textos largos.

• Bebas Neue + Open Sans: impacto en títulos y neutralidad en el resto. Para eventos, deportes y campañas.

• Roboto Slab + Roboto: misma superfamilia, contraste suave. Para interfaces y presentaciones corporativas.

• Inter + JetBrains Mono: limpia y técnica. Para productos digitales, documentación y marcas tech.

Errores que delatan un diseño amateur

• Usar tres o más fuentes distintas en una misma pieza.

• Escribir párrafos largos en script o display.

• Estirar o deformar las letras en lugar de usar una versión condensada o expandida.

• Poner todo en mayúsculas en textos de más de una línea.

• Texto claro sobre fondo claro, o sobre una foto sin oscurecer.

• Cambiar de tamaño y peso en cada bloque sin una jerarquía definida.

Si querés practicar con las herramientas que usan los diseñadores, mirá nuestras herramientas de diseño gráfico para principiantes.

Cursos recomendados de Coderhouse

Para aprender tipografía, color y composición con práctica guiada, el curso de Fundamentos del Diseño Gráfico es la mejor puerta de entrada. Y si querés aplicar estas reglas en piezas reales, el curso de Photoshop e Illustrator te enseña a trabajar con texto en las herramientas profesionales.

Preguntas frecuentes

¿Cuál es el tipo de letra más legible para una página web? En general, las sans serif diseñadas para pantalla, como Inter, Roboto u Open Sans, en un tamaño de 16 píxeles o más para el texto.

¿Puedo usar cualquier fuente que encuentre en internet? No. Cada fuente tiene una licencia. Las de Google Fonts se pueden usar gratis incluso en proyectos comerciales; otras requieren pagar o solo permiten uso personal.

¿Las fuentes serif sirven para pantalla? Sí. Las pantallas actuales las muestran muy bien, y hay serif pensadas para la web, como Merriweather o Georgia.

¿Qué tipo de letra conviene para un logo? Depende de la personalidad de la marca. Muchas marcas parten de una fuente existente y la ajustan; si querés explorar ideas rápido, mirá cómo crear un logo con IA.