Top 25 de combinaciones Google Fonts para tu blog

Top 25 de combinaciones Google Fonts para tu blog

A la hora de elegir las tipografías para tu blog, unas buenas combinaciones Google Fonts pueden marcar la diferencia.

A algunas personas les cuesta combinar tipografías, y por eso he pensado en presentarte las que más triunfan para que puedas inspirarte.

Saldrás de este post con las ideas mucho más claras y algún truquillo. Te lo aseguro.

¿Por qué Google Fonts?

Normalmente los recursos de pago suelen ofrecer ciertas ventajas sobre los gratuitos, pero en este caso no es así. Fíjate en la enorme variedad de tipografías que tienes en Google Fonts.

En este artículo te propongo combinaciones Google Fonts por los siguientes motivos:

  • En un recurso accesible.
  • Las tipografías son gratuitas.
  • Hay más de 600 familias de tipografías.
  • Google Fonts se ha convertido en un estándar.

Las mejores combinaciones de Google Fonts pueden marcar la diferencia entre un blog profesional y uno del montón, así que tómatelo en serio si quieres un blog que dé una buena primera impresión.

Cómo elegir las mejores combinaciones Google Fonts para tu blog

Es un tema difícil y muy personal. Todo depende de quién eres, para quién escribes y el tono de comunicación que vayas a emplear.

Si tu tono es serio, tus combinaciones Google Fonts deben ser formales también. Y cuidado con la tipografía que eliges…

Elige como mucho 2 ó 3 tipografías, no más. El diseño no se trata de recargar formas y colores sino de hacer las cosas lo más simples, funcionales y visualmente atractivas posible.

Por ejemplo, si te decantas por una tipografía Serif debes saber que este tipo de fuentes se asocian con calidez, artística, tradicional o conservador, intelectual, personal.

Son eficaces para los encabezados.

design-blog-sociale-4th-june-2009-i-shot-the-serif-by-tom-gabor

Las tipografías Sans Serif transmiten un aire más fresco, técnico, joven y moderno. Pueden dar sensación de frialdad o impersonalidad, por la sencillez de sus líneas.

Son buenas para encabezados, pero en general se suelen utilizar para el cuerpo de los artículos, precisamente por su sencillez.

new-font-sweet-sans

 

Las mejores combinaciones Google Fonts

Voy a presentarte una selección de 25 combinaciones Google Fonts en las que observarás una tipografía para los titulares y otra para el cuerpo de los artículos.

Como ya te he dicho antes, soy partidario de la simplicidad. Y de hecho en mi blog combino 2 tipografías siguiendo este mismo patrón.

Vamos allá.

#1 Roboto Slab y Roboto

1-roboto-slab-y-roboto

#2 Raleway y Merriweather

2-raleway-y-merriweather

#3 Lustria y Lato

3-lustria-y-lato

#4 Ubuntu y Lora

4-ubuntu-y-lora

#5 Quattrocento y Quattrocento Sans

5-quattrocento-y-quattrocento-sans

#6 Libre Baskerville y Ubuntu

6-libre-baskerville-y-ubuntu

#7 Bree Serif y Imprima

7-bree-serif-y-imprima

#8 Montserrat y Pontano Sans

8-montserrat-y-pontano-sans

#9 Oswald y Muli

9-oswald-y-muli

#10 PT Serif y PT Sans

10-pt-serif-y-pt-sans

#11 Volkorn y Raleway (Light)

11-volkorn-y-raleway-light

#12 Roboto Sans y Roboto Sans (Light)

12-roboto-sans-y-roboto-sans-light

#13 Josefin Slab y Maven Pro

13-josefin-slab-y-maven-pro

#14 Oxygen y Source Sans Pro

14-oxygen-y-source-sans-pro

#15 Paytone One y Droid Sans

15-paytone-one-y-droid-sans

#16 Pacifico y Arimo

16-pacifico-y-arimo

#17 Nixie One y Ledger

17-nixie-one-y-ledger

#18 Dancing Script y EB Garamond

18-dancing-script-y-eb-garamond

#19 Oswald y Droid Serif

19-oswald-y-droid-serif

#20 Dosis y Open Sans

20-dosis-y-open-sans

#21 Medula One y Abel

21-medula-one-y-abel

#22 Lobster y Droid Sans

22-lobster-y-droid-sans

#23 Yanone Kaffeesatz y Roboto Light

23-yanone-kaffeesatz-y-roboto-light

#24 Titillium Web y Lato Bold

24-titillium-web-y-lato-bold

#25 Raleway y Roboto

25-raleway-y-roboto

¡Trucazo! Te presento tu banco de pruebas gratuito

Sé que quizá se vea un poco pequeño, pero estoy seguro que te sirve para hacerte una idea.

De todos modos antes de despedirme, quiero dejarte un recurso gratuito con el que podrás probar todas las combinaciones Google Fonts que te apetezca. Se trata de The Web Font Combinator, y puedes testear tus combinaciones sin necesidad de trastear en tu blog.

Seguro que ya has elegido tus combinaciones Google Fonts favoritas, ¿verdad? Te animo a que las compartas en el hilo de comentarios.

EN ESTE ARTÍCULO:

comparte este artículo

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on telegram
Share on email

no dejes de leer...

7 comentarios en “Top 25 de combinaciones Google Fonts para tu blog”

  1. Qué interesante! No conocía esta herramienta! Tengo que probarla cuando remodele el blog 🙂
    Un saludo
    Rut

    1. Pero cuidado, Rut.

      Si te gusta el diseño, esta herramienta puede consumir horas de tu tiempo probando combinaciones de tipografías 😉

      Cuando des con las tipografías adecuadas para tu blog, no dudes en comentarlo por aquí y así podremos pasar por tu blog y disfrutar del restyling.

  2. A mí me gustan las que vienen por defecto en mi plantilla: Roboto, Sans Serif, se leen muy bien. Pero me está costando más dar con una para la cabecera que le pegue y no sea demasiado «formal». Por ahora tengo Segoe Script, pero no creo que sea la definitiva.

    Saludos paisano!

  3. Acabo de cambiar las fuentes de uno de mis sitios con la ayuda de este artículo así que como mínimo debería de agradecerte la ayuda prestada en tu blog. Muchas gracias por estos artículos tan interesantes y útiles.

    1. Hola, Rafa.

      La finalidad de este blog es, precisamente, la de ser de utilidad para sus lectores. Soy yo quien te agradece tu visita y te invito a que vuelvas cuando quieras.

Los comentarios están cerrados.

Acceso gratuito
a la Academia de
Hormigas en la Nube

+20 cursos disponibles sobre herramientas, marketing y ventas

Por tiempo limitado estoy regalando el acceso a la librería de recursos de la Academia de Hormigas en la Nube.

Cursos de ActiveCampaign, Elementor, Beaver Builder, WordPress, Copywriting, ventas, email marketing y más te estan esperando dentro. Disponible gratis por tiempo limitado.

Mockup escritorio herramientas
Ir arriba