Principales Grupos de Fuentes Tipográficas

La tipografía es uno de los elementos más importantes de cualquier proyecto de diseño y muchas veces puede considerarse la parte más importante.

Tener un mejor conocimiento de las fuentes y la tipografía puede facilitar la explicación de sus opciones a los clientes (siempre es una ventaja) y te dará más confianza al seleccionar fuentes.

En este artículo encontrarás la diferencia entre las fuentes Serif, Sans, Script y Slab. Son los cuatro tipos de fuentes más comunes y populares.

1. Serif

Las fuentes tipográficas de Serif son posiblemente las más tradicionales. El estilo es común en libros y periódicos y se utiliza a menudo en largos bloques de texto.

Los tipos de letra serif se pueden identificar mediante pequeños piecitos en los extremos de las letras. Estos pequeños trazos pueden ser cortos o largos, rectos o en ángulo o tienen pesos variables.

Durante un tiempo, muchos diseñadores web se mantuvieron alejados del uso de fuentes tipográficas serif porque les preocupaba que el aspecto no fuera legible en línea. Este ya no es el caso, gracias a las pantallas de alta definición que muestran todos los detalles.

En cualquier caso, el uso de los tipos de letra serif no es tan común como la opción sans. En la mayoría de los casos donde se utilizan fuentes tipográficas serif, complementan una opción sans serif que se usa para la mayoría del texto en la pantalla.

Los tipos de letra serif a menudo se agrupan en un puñado de subcategorías en función del período de tiempo en el que se creó originalmente el estilo: estilo antiguo, moderno y de transición.

Los remates estilo antiguo tienen una forma redondeada con anchos de trazo uniformes. Cada letra de un serif moderno tiene anchos de trazo gruesos y finos. Los remates de transición son una combinación de los dos estilos mencionados anteriormente y son un estilo de atado casi predeterminado para muchos diseñadores.

• Mejor para: texto de visualización o cuerpo
• Debes evitar: apilar demasiados remates a menos que esté buscando una sensación de estilo antiguo
• Emparejar con: Una tipograftipografía sans simple
• Opciones populares: Times New Roman, Merriweather, Playfair Display, Arvo

2. Sans Serif

Los tipos de letra Sans serif no tienen adornos en los extremos de las formas de las letras, adoptando una forma más simple. Pero no pienses que debido a la falta de adornos en las letras, son aburridas.

Los estilos Sans serif pueden tener letras que sean gruesas o delgadas, cortas o altas, gordas o condensadas. Este estilo de tipo se ha utilizado de forma bastante dominante en el diseño de sitios web debido a su versatilidad. Evita usar las opciones súper delgadas porque pueden ser difíciles de leer.

Las fuentes Sans son aceptadas universalmente por la mayoría de los diseñadores y casi pueden asumir la personalidad del diseño donde se usan. Solo piensa en cuántas veces has visto la tipografía Helvetica (si no sabes cuál es esta famosa Tipografía te invito a ver el documental haz click aquí).

• Mejor para: texto de visualización o cuerpo
• Debes evitar: opciones super finas porque pueden ser difíciles de leer
• Emparejar con: cualquier otro estilo de fuente
• Opciones populares: Helvetica, Arial, Monsterrat, Roboto, Open Sans, Raleway

3. Script

Los tipos de letra de 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 con los usuarios y, a menudo, pueden ser difíciles de leer.

La mayoría de los tipos de letra de escritura pueden identificarse por la curva de formas de letras y trazos de conexión, que imitan la escritura cursiva. Muchos diseñadores se refieren a los scripts como una clase de fuentes de “escritura a mano”.

Si bien muchas personas asumen que los guiones tienen un toque femenino, no siempre es así. Los guiones con trazos más gruesos o más duros pueden sentirse más masculinos. Gran parte de la asociación en realidad depende de los elementos de diseño circundantes.

La mayor preocupación con los tipos de letra de script es la legibilidad. Los scripts no son fáciles de escanear y son excepcionalmente difíciles de leer en tamaños más pequeños o en espacios compactados (como grandes bloques de texto).

• Mejor para: Pantalla con solo unas pocas palabras
• Evitar: Usar en grandes bloques de texto.
• Combina con: Una tipografía sans
• Opciones populares: Pacifico, Lobster, Sacramento

4. Slab

Las tipografías Slab son muy interesantes. Hubo un tiempo en eran un subconjunto de tipos de letra serif, pero eso ha cambiado, y las fuentes de Slab se refieren a casi cualquier estilo de letra con pesos de trazo súper gruesos para todas las letras.

Estos tipos de letra pesados ​​casi siempre se utilizan para el tipo de pantalla y grandes titulares. Son audaces y casi gritan al usuario.

Este tipo de estilo es común en la publicidad y en los sitios web cuando el mensaje es corto y distinto. Las losas pueden ser abrumadoras y difíciles de leer si se usan demasiadas letras debido al peso y tamaño. Este tipo de estilo también se puede usar para elementos de diseño como, por ejemplo, mayúsculas y aplicaciones pequeñas de una sola letra.

Lo divertido de los tipos de letra de Slab es que, debido a los trazos gruesos, hay muchas cosas que puede hacer con ellos. Son perfectos para estilos en línea, 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 fáciles de usar y legibles, de una manera que no funciona tan bien con otros estilos de fuente.

• Mejor para: Mostrar texto
• Debes evitar: Usar en tamaños más pequeños debido a problemas de legibilidad
• Emparejar con: Una tipografía Sans ó Serif
• Opciones populares: Slabo, Rammetto One, graduado

Conclusión

Los errores más grandes que los diseñadores cometen cuando trabajan con fuentes son usar demasiadas fuentes o usar fuentes que son muy similares. La mayoría de los emparejamientos de tipos incluyen dos tipos de familias de diferentes categorías: escoge entre dos de las opciones anteriores. Elije tipos de letra con muchas opciones y asigna una función distinta para cada tipo de letra en el diseño.

Busca tipos de letra con formas similares e inclinaciones para los pares que funcionan juntos perfectamente. Y no tengas miedo de experimentar con muchas opciones para obtener el estado de ánimo que necesitas para cada proyecto. Si quieres ver 10 combinaciones de tipografías haz click aquí.

Si estás buscando fuentes gratis y optimizadas para digital, Google Fonts es el mejor lugar,  y el más confiable para ir. Otros dos sitios de fuentes gratuitas que me encantan son DaFont y Font Squirrel. Recuerda que si obtienes una fuente gratuita en otro lugar y la estás utilizando para fines comerciales, comprueba SIEMPRE la licencia. Algunas tipgrafías son sólo para uso personal, así que comprueba que tienes permiso! Puedes ver más páginas de fuentes tipográficas en este post!