10 Combinaciones tipográficas de escándalo

Combinar tipografías es como combinar colores y combinar tu ropa: ¡Una decisión difícil de tomar!

Hoy te contaré cómo hacerlo más fácil a través de 10 propuestas de combinaciones tipográficas para que enriquezcas como nunca tus diseños y textos para tu blog. De paso, te daré algunos consejos acerca de otras combinaciones menos acertadas para que las tengas bien en cuenta.

1. Playfair Display + Alice

 

A pesar de ser bastante parecidas, siendo las dos de tipo serif, Playfair Display y Alice conviven y se complementan bien armónicamente con las ligaduras y detalles de sus acabados.

img1-combinartipos

2. Quicksand + Ubuntu Light

Este par conviven genial sobretodo si se destaca la presencia de la Quicksand en mayúsculas, para que contraste con la escritura más mecánica de la Ubuntu light en el cuerpo de texto.

img2-combinartipos

 3. Oswald Regular + Merriweather Light

La combinación de la Oswald Regular en mayúsculas y la Merriweather Light como cuerpo de texto es el ejemplo claro e infalible de que una tipografía sans serif con una serif es una solución siempre acertada.

img3-combinartipos

 4. Bevan Regular + Libre Baskerville Bold

Esta vez he jugado con dos tipografías con mucha presencia y grosor como la Bevan Regular y la Libre Baskerville Bold, pero qu curiosamente e combinan a la perfección sin quitarse protagonismo mútuo.

img4-combinartipos

 5. Nixie One + Lato Light

De lo grueso a lo ligero en esta propuesta que combina dos tipografías de cuerpo light: la escritura mecanográfica de Nixie One con la escritura más digital de Lato Light.

img5-combinartipos

 6. Nunito Regular + Roboto Light

Este tándem tipográfico Sans Serif funciona perfectamente ya que Nunito juega con unos grosores muy marcados en sus caracteres mientras que la sobriedad y tecnicidad de Roboto Light contrarresta en su peso y legibilidad.

img6-combinartipos

 7. Josefin Slab + Fauna One

Este es el caso de una pareja con mucho estilo que para combinarse bien necesita contrastarse en sus distintos tamaños. Josefin Slab juega con unos remates en los acabados más robustos mientras que Fauna One suaviza esos remates para que la legibilidad sea más fluida.

img7-combinartipos

8. Libre Baskerville + Nunito Light

Lo clásico y lo moderno se funden en esta pareja tipográfica formada por Libre Baskerville y Nunito Light. De nuevo, te recomiendo que el titular tenga un cuerpo de texto superior para que el contraste entre ambas sea más evidente.

img8-combinartipos

9. Lato Regular + Merriweather

Una propuesta sencilla pero efectiva si lo que buscas es algo más neutro. Lato Regular y Merriweather light es otro de los ejemplos en que dos tipografías de raíz muy distinta fluyen a la perfección.

img9-combinartipos

10. Francois One + Open Sans

Por último, te presento cómo funcionan de bien juntas la Francois One y la Open Sans. La primera como titular presenta un buen contraste para ser destacada como tal mientras que Open Sans favorece la legibilidad como cuerpo de texto.

img10-combinartipos

Mis tips

Por otro lado, si combinaras fuentes muy parecidas como Montserrat y Raleway, lo mejor sería unificarlos sólo en una ya que no vale la pena al no apreciarse mucho el cambio entre las dos.

img11-combinartipos

Otro ejemplo en el que la combinación de título y texto con la misma tipografía puede funcionar sin problema  jugando con sus distintos tamaño de fuente y grosor de la familia tipográfica:

img12-combinartipos

Espero que puedas recurrir a este post siempre que te falte inspiración para combinar tus fuentes. Y si te apetece darle un buen repaso, también te recomiendo mirarte de nuevo lo que te conté acerca de cómo combinarlas.

¿Te animas a proponer tus propias combinaciones?

 

Share on facebook
Share on twitter
Share on pinterest
Share on google
Share on linkedin
Share on whatsapp

MINICURSO GRATIS PARA CREAR TU PROPIA WEB CON WORDPRESS

Y dos ebooks para mejorar el diseño de tu identidad corporativa y lanzamiento de tu página web.

15 comentarios
  1. Mara 9 abril, 2015

    Me gusta tu post, aclara muchas de las dudas que tenía sobre la manera de combinar las tipografías. Desde luego has hecho una labor importante y te agradezco todas las explicaciones. Una pregunta (duda) que se me ocurre: que te parecería una combinación entre Playfair Display y Josefin Slab?…
    Gracias Laura, un abrazo!

    Responder
  2. Martha Chang 9 abril, 2015

    Muchas gracias ,espero poder seguirle en todo esto que sabes hacer,tan interesante,y sobre todo demasiado útil .Y gracias por tomarse su valioso tiempo por enviar toda esta información,lo aprecio y agradezco.

    Responder
  3. Consuelo 9 abril, 2015

    Pues sí que me han hecho «chiribitas» los ojos. Tus post son muy claros y con muchas ideas!

    Responder
  4. Sole 9 abril, 2015

    Justo estaba un poco atascada con una composición tipográfica. ¡¡¡Muchas gracias Laura!!!

    Responder
  5. Adriana Ortiz 9 abril, 2015

    Muchas gracias! Me parece información super útil!!!

    Responder
  6. Aida 9 abril, 2015

    excelentes combinaciones!!! gracias por las recomendaciones

    Responder
  7. silvana 10 abril, 2015

    En todas estas combinaciones es el mismo tipo de a…
    Podrias decirme alguna con la «redonda»??
    No se si me he explicado…
    Gracias!

    Responder
  8. pepi García 10 abril, 2015

    Gracias por tu trabajo,es más fácil cruzar el río por un puente…gracias por ser nuestro puente.

    Responder
  9. The World Kats 4 octubre, 2015

    Hay unos estilos que nos han enamorado , así que nos vamos a por ellas ^.^ Muy buenas referencias, muchas de esas tipografías no las habíamos visto ^.^Besos

    Responder
  10. UNA MAMI REAL 8 octubre, 2015

    Me ha encantado este post claro y conciso. Con un tema super importante que quizas no le damos mucha importancia y simplemente ponemos el que nos gusta más. Yo lo aplicare a mi página. !Os seguiré! 🙂

    Responder
  11. Patricia 19 febrero, 2017

    Muchas gracias me habéis facilitado volverme loca en un mar De Fuentes 😀

    Responder
  12. BDD 16 octubre, 2017

    ¡Muchas gracias por las ideas! Desde luego, combinaciones que no pierden su validez con el paso del tiempo. Nos quedamos con Lato ; )

    Responder
  13. notengo 2 diciembre, 2018

    Genial! y todas gratuitas! graciaaaaaas!

    Responder
  14. JUAN CAMILO 10 octubre, 2019

    Excelente Artículo , Justo lo que necesitaba. gracias por tu información.

    Responder

Deja tu comentario

Tu dirección de correo electrónico no será publicado. Los campos obligatorios están marcados como *



Existe un método muy sencillo para que consigas crear tu propia web sin necesidad de tener ni idea de programación, partiendo de un diseño web maquetado por diseñadoras, sin necesidad de pagar miles de euros para contratarlas.

Tenemos un minicurso para
crear tu propia web
paso a paso

En este curso gratuito explicamos una pequeña porción de todo lo que hemos aprendido durante nuestros años de experiencia.

Además, recibes dos ebooks adicionales para mejorar tu identidad corporativa y página web.

Existe un método muy sencillo para que consigas crear tu propia web sin necesidad de tener ni idea de programación, partiendo de un diseño web maquetado por diseñadoras, sin necesidad de pagar miles de euros para contratarlas.

Tenemos un minicurso para
crear tu propia web
paso a paso

En este curso gratuito explicamos una pequeña porción de todo lo que hemos aprendido durante nuestros años de experiencia.

Además, recibes dos ebooks adicionales para mejorar tu identidad corporativa y página web.