¿Cómo combinar las fuentes de tu sitio?

¿Cómo combinar las fuentes de tu sitio?

Ahora que sabes cómo elegir la fuente correcta para tu sitio, necesitas saber cómo hacerlo correctamente. Es muy importante elegir las fuentes para que encajen entre sí a fin de tener un sitio web coherente con una identidad visual propia y claramente legible para los usuarios. No todas las combinaciones de fuentes le darán buena visibilidad a tu sitio web. Es por eso que le ofrecemos una pequeña guía para trabajar con las fuentes.

El contraste es esencial

Probablemente hayas escuchado la frase "los opuestos se atraen". Bueno, lo mismo es cierto al organizar las fuentes. Para tener una buena combinación de fuentes, debe haber un buen contraste entre las dos fuentes. Asegúrese de tener una buena diferencia entre los niveles de texto para un diseño de tipografía agradable, así como una buena legibilidad. Algunos parámetros que puede usar para crear contraste entre sus fuentes son: distancia entre ejes, tamaño de letra y estilo, etc.

Combina una fuente serif y una sans-serif

Una combinación que funciona bien en casi todos los trazos es ir con una opción de fuente con una distancia entre ejes y una fuente sans distancia entre ejes. Es una combinación simple que funciona casi siempre bien. Te recomendamos que comiences eligiendo una fuente sans serif, relativamente simple (como Lato o Montserrat) y aplicala en los textos de tus párrafos. Las fuentes sans serif se recomiendan para los párrafos ya que su legibilidad es óptima. Luego puedes elegir una buena fuente con serif (como Cardo o Playfair Display) para aplicar a tus títulos, y ¡voilá!

Image blog WebSelf 599

Contraste de grosor

Una segunda combinación que generalmente funciona bien y mantiene la misma familia de fuentes, pero juega con el grosor de la misma. Por ejemplo, puede poner todos los títulos en negritas y luego dejar el grosor normal para los textos de los párrafos. Esto garantizará que tengas una buena distinción entre tus niveles de texto y mantengas tu diseño simple.

Image blog WebSelf 600

No combines dos fuentes decorativas

Una combinación que debe evitarse es mezclar dos fuentes que tengan mucha personalidad. En la mayoría de los casos, terminas con demasiado ruido visual y un resultado poco atractivo. Si deseas insertar una fuente decorativa en tu sitio web,  escoge una fuente simple sans serif para organizarla. Esto creará un mejor contraste y asegurará una buena legibilidad de tu texto.

Image blog WebSelf 601

Finalmente, nuestro mejor consejo de diseño para tu sitio web es mantenerse simple en la creación. No intentes reinventar la rueda, algunas combinaciones son populares porque funcionan bien. Por lo tanto, confía en las combinaciones clásicas para garantizar un diseño uniforme.

Image blog WebSelf 602