Fraud Blocker
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:
    Add a header to begin generating the table of contents

    Conoce a Javier Gobea

    Ayudo a negocios unipersonales a tener una escuela online propia, flexible y 100% bajo tu control para que puedan dedicarse a lo realmente importante: ayudar a tus alumnos.

    webinar-vfo (1)

    ¿Quieres comprobar la fragilidad de tu negocio?

    Responde 20 preguntas Sí/NO y descubre cuáles son los fallos más comunes que te hacen perder clientes, autoridad y reputación.

    Necesitas conocer los riesgos técnicos de tu web.

    En 2 minutos, recibirás un plan personalizado para saber qué está fallando y cómo resolverlo.

    Comparte este artículo

    NO DEJES DE LEER...

    Scroll al inicio