¿Qué fuentes combinan con Roboto?

Fuentes Figma de Google

Algunas de las fuentes de nuestra lista probablemente las hayas visto antes. Playfair Display, Montserrat y Roboto son bastante populares. También queríamos descubrir algunas joyas que quizá no hayas visto, además de ofrecerte nuevas formas de combinar viejas favoritas.

La jerarquía tipográfica puede ser una parte difícil de aprender en el diseño visual. Además del infinito mar de fuentes disponibles, también hay un número infinito de formas de combinarlas. Tan importante como la combinación en sí es la forma de utilizar las fuentes. El tamaño, el contraste, la repetición y la proximidad hacen que sea aún más difícil conseguir una jerarquía bonita y cohesionada.

Por ello, este artículo está organizado en tres partes. Si acabas de empezar tu carrera como diseñador, la sección para principiantes contiene algunos consejos básicos. A medida que vayas subiendo de nivel, encontrarás formas más intermedias y avanzadas de combinar tipos.

Este ejemplo tipográfico sólo utiliza Libre Baskerville. No sólo estamos usando una sola familia tipográfica, sino que también estamos usando un solo peso: regular. Cambiar el tamaño, el estilo (normal o cursiva) y las mayúsculas y minúsculas nos da mucha flexibilidad en el diseño.

Emparejamiento de fuentes Merriweather

Los orígenes de Alegreya como fuente de inspiración literaria contrastan bien con el aspecto condensado y minimalista de Source Sans Pro. Alegreya fue nombrada una de las 53 fuentes de la década en un concurso de tipografía de 2011, mientras que Source Sans Pro fue lanzada por el diseñador de Adobe Paul D. Hunt en 2012.

Ambas fuentes son ideales para textos largos, especialmente Source Sans Pro, ya que fue diseñada para funcionar en interfaces de usuario. Al emparejar una fuente con serifas (Alegreya) con una fuente sin serifas (Source Sans Pro), atraerás naturalmente la atención del lector hacia el contraste.

Deje que su contenido haga un viaje al pasado utilizando Abril Fatface. Los pesos inclinados de la fuente son una reminiscencia de los carteles publicitarios habituales en la Europa del siglo XIX, y su colocación junto a la fuente sin gracias muy geométrica Poppins aporta un contraste muy necesario.

Poppins incluye 18 estilos en total, y recomendamos utilizar las versiones finas o extraligeras con Abril Fatface. De este modo, se obtienen múltiples capas de contraste, incluyendo serif/sans serif y distintos pesos.

Emparejamientos de fuentes de Google Docs

Outgoing Open Sans está aquí para la legibilidad. Es una fuente neutra, un tipo de letra que quiere ser amigo de todo el mundo con la accesibilidad tanto en plataformas móviles como en la impresión. A Open Sans le gusta gustar, con casi 30.000 millones de usos en Estados Unidos, Francia y Rusia. Sus combinaciones populares son Roboto, Lato, Oswald, Raleway y Monserrat.

A Memorable Monserrat le interesa seguir siendo único como su barrio homónimo en Buenos Aires, Argentina. Es profesional, pero no por ser rígida: le gusta ser accesible para sus más de 5.000 millones de usuarios, desde Estados Unidos hasta Francia y Brasil. Las combinaciones más populares con esta fuente son Raleway, Open Sans, Roboto, Oswald y Lato.

Vuelve Roboto, esta vez en su forma “condensada”. La familia de fuentes Roboto es grande y ésta es la hermana más delgada de nuestro ejemplo anterior. Ha sido diseñada para quienes necesitan conservar el espacio y aprovechar al máximo el espacio que tienen en su sitio web. Más de 4.000 millones de personas utilizan esta versión y es la más popular en Estados Unidos y Rusia. Las combinaciones más populares son Open Sans, Lato, Oswald, Montserrat y Roboto normal.

Google font pairings 2021

Un consejo: No preguntes a un diseñador o a un director de arte sobre fuentes a menos que tengas algo de tiempo libre. Porque pocos temas evocan opiniones tan acérrimas y elaboradas dentro de estas profesiones.

Los tipos de letra que elijas tendrán un impacto en la forma en que tu tráfico web -potenciales clientes y clientes potenciales- experimenta tu marca y consume el contenido que estás creando. Pueden marcar la diferencia entre una conversión fácil o un visitante de la web que se va porque no puede leer el texto o porque la página se carga demasiado lentamente.

Si no eres diseñador, probablemente te preguntes por dónde empezar a elegir una fuente. Después de todo, hay literalmente miles de ellas disponibles. Y no se trata de elegir las mejores, sino las más apropiadas para su propósito, y eso puede ser bastante subjetivo para cualquiera que no sea un experto.

Más o menos. Puede que oiga a algunas personas llamar a un tipo de letra “tipo de letra”. La verdad es que esas personas tienen razón en su uso. Por ejemplo: Garamond es un tipo de letra, pero Garamond Bold es una fuente. Los tipos de letra son un grupo de fuentes con diferentes pesos.