Google Fonts: qué es, cómo usarlo en tu web y en tus emails
La biblioteca gratuita de tipografías de Google, cómo instalarla y qué tener en cuenta en tus newsletters
Google Fonts es un servicio gratuito ofrecido por Google que proporciona una amplia gama de tipografías de fácil acceso para su uso en diseño web y proyectos gráficos.
Esta biblioteca incluye una variedad de estilos, desde los clásicos hasta los más modernos.
Es una solución práctica y versátil para mejorar la estética y la legibilidad de los sitios web y materiales de marketing.
Hoy reúne 1.942 familias tipográficas (agosto de 2026), 553 de ellas variables, y funciona desde 2010. La usan desde blogs personales hasta grandes marcas, en WordPress y en casi cualquier editor web.
¿Google Fonts es gratis y se puede usar en proyectos comerciales?
Sí. Casi todas sus fuentes tienen la licencia SIL Open Font License y algunas, la licencia Apache. Las dos son licencias libres: no pagas nada, no tienes que registrarte y puedes usarlas en tu web, en un logotipo, en impresos y en tus emails, también si son de un negocio.
Formas de usar Google Fonts en tu web
Tienes tres formas de añadir una fuente de Google a tu web. Cada una tiene su ventaja y su pega:
| Forma | Cómo | Ventaja | Ojo |
|---|---|---|---|
| Enlace a Google | Una línea <link> en el HTML o @import en el CSS | Lo más rápido de poner | Se envía la IP del visitante a Google |
| Alojada en tu servidor | Descargas la fuente y la cargas con @font-face | Sin datos a terceros y más control | Hay que actualizarla a mano |
| Plugin de WordPress | Un plugin descarga y aloja las fuentes | Sin tocar código | Un plugin más que mantener |
Diseña emails que se lean bien en cualquier bandeja
Plantillas adaptables a móvil y un editor visual para que tus newsletters se vean como quieres. Empieza gratis con Mailrelay.
Importancia de la elección de la tipografía
La tipografía no es solo un aspecto estético.
Afecta profundamente cómo los usuarios perciben e interactúan con el contenido.
Una fuente adecuada puede mejorar la legibilidad, transmitir la personalidad de la marca y aumentar la interacción del usuario.
En este sentido, Google Fonts ofrece una solución que equilibra diseño y funcionalidad.
Integración en diseño web y UX
El diseño de un sitio web influye mucho en la experiencia del usuario (UX).
Google Fonts facilita la incorporación de tipografías que no solo son visualmente atractivas sino también optimizadas para la web.
De esta forma se asegura una carga rápida y una experiencia de usuario consistente en diferentes dispositivos y navegadores.
Cómo insertar y utilizar Google Fonts
El primer paso sería seleccionar la fuente que nos interese. Para hacerlo:
Visita Google Fonts
Navega al sitio web de Google Fonts (fonts.google.com) y explora la colección de fuentes.
Puedes filtrar las fuentes por categoría, idioma, propiedades y popularidad para encontrar la que mejor se adapte a tu proyecto.
Previsualiza y selecciona
Utiliza la función de previsualización para ver cómo se verá la fuente con tu texto específico.
Una vez que encuentres una fuente que te guste, haz clic en ella para abrir su página específica.
Añade la fuente a tu web
- Selecciona los estilos de fuente: En la página de la fuente, selecciona los estilos y pesos (por ejemplo, regular, negrita, cursiva) que necesitas para tu proyecto.
- Genera el código de incorporación: pulsa «Get font» y después «Get embed code». Google Fonts te da un fragmento de código con dos partes:
- Link del HTML: Una línea que debes colocar en la sección <head> de tu HTML. Este enlace importa la fuente desde Google Fonts.
- CSS: Una regla CSS que debes añadir a tu hoja de estilo para aplicar la fuente a los elementos deseados de tu página.
- O descárgala: con «Download all» bajas la fuente en un ZIP y la alojas en tu servidor con una regla
@font-face. Es la opción que mejor cuida la privacidad.
Google Fonts y SEO
Además de mejorar la estética y la UX, Google Fonts también juega un papel en el SEO.
Bien configuradas, apenas afectan al tiempo de carga de la página, un factor que Google tiene en cuenta (lo explicamos en WPO). Pero cada fuente externa es una petición más, y desde 2020 los navegadores ya no comparten la caché entre webs, así que ya no cuenta que el visitante «la tenga descargada». Carga solo las variantes que uses, añade font-display: swap para que el texto se vea mientras llega la fuente y, si puedes, alójala en tu servidor.
Además, la correcta implementación de las fuentes puede mejorar la accesibilidad del sitio, otro aspecto valorado por los motores de búsqueda.
Google Fonts y el RGPD
Si cargas las fuentes desde los servidores de Google, el navegador de cada visitante se conecta a Google y le envía su dirección IP. Google Fonts no usa cookies, pero la IP es un dato personal según el RGPD.
El 20 de enero de 2022, el Tribunal Regional de Múnich condenó a una web a pagar 100 € a un visitante por enviar su IP a Google sin su consentimiento al cargar Google Fonts. Después llegaron en Alemania miles de reclamaciones parecidas.
La solución más sencilla es alojar las fuentes en tu servidor: la licencia lo permite y la web se ve igual. Si prefieres el enlace a Google, menciónalo en tu política de privacidad junto a las cookies y demás servicios externos.
¿Se puede usar Google Fonts en un email?
Sí, pero no todos los programas de correo las muestran. Cuando un programa no la admite, enseña la fuente de respaldo que hayas indicado:
| Programa de correo | ¿Muestra Google Fonts? |
|---|---|
| Apple Mail (Mac, iPhone, iPad) | Sí |
| Outlook para Mac | Sí |
| Thunderbird | Sí |
| Gmail | No (solo Roboto y Google Sans) |
| Outlook para Windows | No, o solo en parte (a veces cambia a Times New Roman) |
| Outlook.com y Yahoo | No |
Por eso, en tus newsletters pon siempre una fuente de respaldo después de la principal, por ejemplo 'Montserrat', Arial, sans-serif. Así, quien lea en Gmail verá Arial en lugar de una letra cualquiera.
No metas texto importante en imágenes solo por usar una fuente bonita. Perjudica la accesibilidad, no se lee si las imágenes están bloqueadas y puede afectar a la entregabilidad. Y antes de enviar, revisa cómo se ve en varios programas (email rendering).
Desafíos y mejores prácticas
A pesar de sus numerosas ventajas, el uso de Google Fonts también presenta desafíos.
La elección de la fuente correcta puede ser abrumadora debido a la amplia variedad disponible.
Además, conviene comprobar que las fuentes seleccionadas se alineen con la identidad y los valores de la marca.
Una buena práctica sería probar diferentes fuentes en varios dispositivos, considerar la legibilidad y la accesibilidad, y mantener la coherencia en todos los materiales de marketing.
Cómo te ayuda Mailrelay
Google Fonts te da muchas opciones para que tu web y tus materiales tengan una tipografía coherente con tu marca. En tus emails, la clave es combinar una fuente con personalidad con una de respaldo para que se lean bien en cualquier programa. Con Mailrelay tienes:
- Editor visual y plantillas adaptables a móvil para que tus emails se lean bien en cualquier pantalla.
- Tests A/B para comprobar qué diseño funciona mejor con tus suscriptores.
- Cuenta gratuita con 80.000 emails al mes y 20.000 contactos.
Tus newsletters, con tu estilo y legibles en todas partes
Crea emails con un editor visual y plantillas listas para móvil. Hasta 80.000 emails al mes gratis con Mailrelay.
Preguntas frecuentes
¿Google Fonts es gratis?
Sí. Todas sus fuentes son gratuitas y se pueden usar también en proyectos comerciales, porque tienen licencias libres.
¿Google Fonts está en español?
La web de Google Fonts está en inglés, pero sus fuentes sirven para escribir en español. Puedes filtrar por idioma para ver las que incluyen tildes y la ñ.
¿Es legal usar Google Fonts según el RGPD?
Sí, si las alojas en tu servidor. Si las cargas desde los servidores de Google, envías la IP del visitante a Google, y un tribunal alemán ya condenó a una web por ello en 2022.
¿Cómo descargo una fuente de Google Fonts?
Entra en fonts.google.com, abre la fuente, pulsa «Get font» y después «Download all». Se descarga un archivo ZIP con la fuente.
¿Puedo usar Google Fonts en mis emails?
Sí, pero Gmail y Outlook para Windows no las muestran. Pon siempre una fuente de respaldo como Arial o Georgia.