Hoy hablamos de…

Las mejores fuentes de Google 2023

Tiempo de lectura: 2 minutos

Combinaciones tipográficas de Google Fonts

Hace unos días te contaba porqué es recomendable utilizar fuentes de Google Fonts en WordPress y te prometí un post con las mejores fuentes de Google en 2023 que sí o sí voy a utilizar este año en mis proyectos de diseño web. Pues lo prometido es deuda, que dicen los viejitos, así que aquí lo tienes 😉

Antes de meternos en faena hay que dejar claro que a la hora de elegir las tipografías para un diseño web no se trata sólo de encontrar tipografías que te gusten, hay que tener en cuenta otras cosas, como por ejemplo su legibilidad o las emociones que transmiten. Sí, las letras transmiten emociones que van mucho más allá de las palabras que escriben.

Y ahora sí, vamos al meollo.

10 combinaciones tipográficas gratuitas de Google Fonts

1. Gotu y Arapey

Gotu y Arapey
Tipografías gratuitas de Google Fonts

Descarga Gotu y Arapey

2. Fahkwang y Source Sans Pro

Fahkwang y Source Sans Pro
Tipografías gratuitas de Google Fonts

Descarga Fahkwang y Source Sans Pro

3. Sansita y Open Sans

Sansita y Open Sans
Tipografías gratuitas de Google Fonts

Descarga Sansita y Open Sans

4. DM Serif Display y DM Sans

DM Serif Display y DM Sans
Tipografías gratuitas de Google Fonts

Descarga DM Serif Display y DM Sans

5. Roboto Slab y Roboto

Roboto Slab y Roboto
Tipografías gratuitas de Google Fonts

Descarga Roboto y Roboto Slab

6. Abril Fatface y Montserrat

Abril Fatface y Montserrat
Tipografías gratuitas de Google Fonts

Descarga Abril Fatface y Montserrat

7. Space Mono y Rubik

Space Mono y Rubik
Tipografías gratuitas de Google Fonts

Descarga Space Mono y Rubik

8. Alegreya y Alegreya Sans

Alegreya y Alegreya Sans
Tipografías gratuitas de Google Fonts

Descarga Alegreya y Alegreya Sans

9. Laila y Nunito

Laila y nunito
Tipografías gratuitas de Google Fonts

Descarga Laila y Nunito

10. Della Respira y Montserrat

Della Respira y Montserrat
Tipografías gratuitas de Google Fonts

Descarga Della Respira y Montserrat

Otras recomendaciones

Prueba distintas variaciones

La mayoría de las fuentes vienen tienen una gran variedad de opciones: fina, normal, negrita, negrita extra, cursiva… Juega un poco y prueba a ver cuál se adapta mejor a tus necesidades. Experimenta con mayúsculas, minúsculas, letras capitales… ¡lo que se te ocurra!

Juega con el interletrado

Lo que en impresión se llama kerning, en web interletrado y el común de los mortales llama espacio entre letras. Te sorprenderá cuánto puede cambiar lo que te transmite una fuente sólo con separar un pelín más las letras.

Si no estás segura, mantén las cosas simples

Si quieres probar a combinar tipografías para tu web, ciñete a combinaciones clásicas, como usar una letra con serifa para los títulos y una sin serifa para los párrafos largos. Limita el uso de distintas tipografías a dos o tres como máximo para mantener una cohesión y hacer más agradable la experiencia de tus personas usuarias

¡Y esto es todo por hoy! Si tienes alguna combinación favorita de Google Fonts que no haya mencionado compártela en comentarios y me la apunto 😉

Nos vemos pronto, ¡mua!

Niña rubia lanzando un beso

0 comentarios

Enviar un comentario

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

También te podría interesar

Identidad visual y diseño web

Identidad visual y diseño web

¿Es necesario que la identidad visual y el diseño web vayan de la mano? La identidad visual y el diseño web son elementos clave para la presencia on-line de cualquier negocio. Juntos, estos elementos pueden tener un impacto significativo en la percepción de tu marca y...

Página de error 404 personalizada

Página de error 404 personalizada

¿Qué incluir en una página de error 404? Ya sea como usuaria o como profesional de la web, seguro que la página de error 404 no te resulta ajena. Se trata de un error que se produce cuando llamamos a una URL que no existe, ya sea porque no la hemos escrito de forma...

Google Fonts en WordPress

Google Fonts en WordPress

La importancia de la tipografía en el diseño web A estas alturas del partido a nadie se le escapa la importancia de escoger una tipografía adecuada en cualquier diseño, pero cuando hablamos de diseñar una web las implicaciones van un poquito más allá de la estética,...

¿No quieres perderte nada?

Sigue a Oficina Trece en redes sociales para mantenerte al día de todo lo que me traigo entre manos.

Ir al contenido