Serif, Sans, Script & Slab: 4 tipos de letra explicados

¿Siempre ha querido saber la diferencia entre fuentes serif, sans, script y slab? No busque más. Lleve su juego tipográfico al siguiente nivel y deje de adivinar si ciertos tipos de letra o pares de fuentes funcionan juntos. Respalde su lógica con un poco de teoría del diseño.

Un mejor conocimiento de las fuentes y la tipografía puede facilitar la explicación a los clientes (lo que siempre es una ventaja) y te dará más confianza a la hora de elegir las fuentes. A continuación te ofrecemos una introducción (o un repaso) a cuatro tipos de fuentes comunes y cómo utilizarlas en tus proyectos de diseño.

Explorar Envato Elements

1. Serif

Los tipos de letra con gracias son posiblemente la categoría tipográfica más tradicional. Este estilo es habitual en la composición de libros y periódicos, y se utiliza a menudo en largos bloques de texto.

Los tipos con gracias se identifican por las pequeñas hendiduras en los extremos de las letras.

Durante un tiempo, muchos diseñadores de páginas web evitaron utilizar tipos de letra con gracias porque temían que su aspecto no fuera legible en línea. Esto ya no es así, gracias a las pantallas de alta definición que muestran hasta el más mínimo detalle.

En la mayoría de los casos, las fuentes con gracias complementan a la opción sin gracias, que se utiliza para la mayor parte del texto en pantalla.

Los tipos de letra con gracias se identifican por los pequeños trazos en los extremos de las letras. Estos pequeños trazos pueden ser cortos o largos, rectos o en ángulo, o tener distintos pesos.

Los tipos de letra con gracias suelen agruparse en varias subcategorías en función de la época en que se crearon: estilo antiguo, moderno y de transición.

Las gracias de estilo antiguo tienen una forma redondeada con anchuras de trazo uniformes. Las gracias modernas tienen anchuras de trazo gruesas y finas. Las gracias de transición son una combinación de los dos estilos mencionados y constituyen un estilo de gracias casi por defecto para muchos diseñadores.

• Ideal para: Texto de presentación o cuerpo de texto
• Evitar: Apilar demasiadas gracias a menos que busque un estilo antiguo
• Combine con: Una sencilla sin gracias
• Opciones populares (de Google Fonts): Merriweather, Playfair Display, Arvo

2. Sin gracias

Los tipos de letra sin gracias carecen de adornos en los extremos de las formas de las letras, adoptando una forma más sencilla. Pero no piense que por la falta de adornos en las letras, las sin gracias son aburridas. Son todo lo contrario.

Evite las opciones muy finas porque pueden ser difíciles de leer.

Los estilos sin gracias pueden tener letras gruesas o finas, cortas o altas, gordas o condensadas.

Este estilo tipográfico se ha utilizado de forma bastante dominante en el diseño de sitios web debido a su versatilidad. Los tipos de letra sin gracias son universalmente aceptados por la mayoría de los diseñadores y casi pueden adoptar la personalidad del diseño en el que se utilizan. (Piense en cuántas veces ha visto la Helvética y lo enormemente diferentes que han sido esos proyectos).

• Ideal para: Texto de presentación o cuerpo de texto
• Evitar: Opciones muy finas porque pueden ser difíciles de leer
• Emparejar con: Cualquier otro estilo de fuente
• Opciones más populares: Roboto, Open Sans, Raleway

3. Guión

Los tipos de letra script son uno de los estilos menos vistos en el diseño de sitios web, y por una buena razón: los scripts tienden a evocar emociones distintas en los usuarios y a menudo pueden ser difíciles de leer.

Muchos diseñadores se refieren a los guiones como una clase de fuentes "manuscritas".

La mayoría de los tipos de letra script se identifican por la curvatura de las formas de las letras y los trazos de conexión, que imitan la escritura manuscrita cursiva. Muchos diseñadores se refieren a los scripts como una clase de fuentes "manuscritas".

Aunque mucha gente da por sentado que los guiones tienen un toque femenino, no siempre es así. Los guiones con trazos más gruesos o duros pueden parecer más masculinos. En realidad, gran parte de la asociación depende de los elementos de diseño que los rodean.

El mayor problema de los tipos de letra manuscritos es su legibilidad, ya que no son fáciles de escanear y resultan excepcionalmente difíciles de leer en tamaños pequeños o en espacios reducidos (como grandes bloques de texto).

• Lo mejor para: Visualización con pocas palabras
• Evitar: utilizar grandes bloques de texto
• Emparejar con: A sans serif
• Opciones populares: Pacífico, Langosta, Sacramento

4. Losa

Hubo un tiempo en que los tipos de letra laja eran un subconjunto de los tipos de letra con gracias, pero eso ha cambiado, y los tipos de letra laja se refieren a casi cualquier estilo de letra con pesos de trazo supergruesos para todas las letras.

Este tipo de estilo es habitual en la publicidad y en los sitios web cuando el mensaje es breve y claro.

Estos tipos de letra pesados se utilizan casi siempre para tipos de pantalla y grandes titulares. Son atrevidos y casi gritan al usuario.

Este estilo tipográfico es común en publicidad y para sitios web cuando el mensaje es corto y distinto. Las losas pueden resultar abrumadoras y difíciles de leer si se utilizan demasiadas letras debido a su peso y tamaño. Este estilo tipográfico también puede utilizarse para elementos de diseño como las versalitas y las pequeñas aplicaciones de una sola letra.

Lo divertido de los tipos de letra slab es que, debido al grosor de sus trazos, se pueden hacer muchas cosas con ellos. Los tipos de letra slab son perfectos para estilos inline, fuentes de color, rellenar letras con imágenes o crear una palabra transparente sobre una imagen. Las formas gruesas de las letras hacen que estas aplicaciones sean más usables y legibles, de una forma que no funciona tan bien con otros estilos de letra.

• Ideal para: Mostrar texto
• Evitar: utilizar tamaños más pequeños por motivos de legibilidad.
• Emparejar con: A sans serif o serif
• Opciones populares: Slabo, Rammetto One, Graduate

Conclusión

Los mayores errores que cometen los diseñadores al trabajar con fuentes son utilizar demasiados tipos de letra o tipos demasiado parecidos. La mayoría de las combinaciones tipográficas incluyen dos familias tipográficas de categorías diferentes: elija dos de las opciones anteriores. Elija tipos de letra con muchas opciones y asigne un papel distinto a cada tipo de letra en el diseño.

Busque tipos de letra con formas e inclinaciones similares para conseguir combinaciones que funcionen a las mil maravillas. Y no tenga miedo de experimentar con un montón de opciones para conseguir justo el ambiente que necesita para cada proyecto.