≡En resumen
- Google Fonts es un catálogo gratuito de tipografías de código abierto que se consulta en fonts.google.com.
- Casi todas las fuentes usan la SIL Open Font License: puedes usarlas en proyectos comerciales, pero no venderlas sueltas.
- Puedes descargarlas para instalarlas en tu ordenador o incrustarlas en una web con la Google Fonts API.
- Elige como máximo dos familias y los pesos justos: cada variante añade kilobytes y retrasa el primer pintado.
- Para webs dirigidas a la UE conviene alojar las fuentes en tu propio servidor por privacidad.
01 ¿Qué es Google Fonts?
Google lanzó el servicio en 2010 con el nombre Google Web Fonts, y desde entonces lo ha rediseñado varias veces (2011, 2016, 2020 y 2023). El catálogo se consulta en fonts.google.com y los archivos de todas las familias están también en un repositorio público de GitHub.
Conviene separar dos cosas que se suelen confundir: la biblioteca (las fuentes, sus licencias y el buscador para elegirlas, que es lo que explica esta ficha) y la Google Fonts API, el servicio técnico que sirve esas fuentes a una web desde los servidores de Google.
| Google Fonts (biblioteca) | Google Fonts API | |
|---|---|---|
| Qué es | Catálogo de familias tipográficas libres | Servicio web que entrega las fuentes por CSS |
| Para quién | Diseñadores, marcas, cualquier usuario | Desarrolladores web |
| Uso típico | Elegir, probar y descargar fuentes | Incrustar fuentes en una web con una etiqueta link |
| Tema clave | Licencias y elección tipográfica | Rendimiento, display=swap y privacidad (RGPD) |
02 Licencias de Google Fonts: ¿se pueden usar gratis en proyectos comerciales?
Sí. Todas las familias del catálogo tienen licencias que permiten redistribuirlas, y el propio repositorio de Google las organiza por licencia en carpetas separadas. Ninguna exige pagar ni registrarse, y todas se pueden usar en webs, apps, logotipos, vídeos o impresos de uso comercial.
| Licencia | Presencia | Qué permite | Límite a tener en cuenta |
|---|---|---|---|
| SIL Open Font License 1.1 (OFL) | La gran mayoría de familias | Usar, incrustar, modificar y redistribuir, también en proyectos comerciales | No se puede vender la fuente por sí sola; las versiones modificadas pueden tener que cambiar de nombre (Reserved Font Name) |
| Apache License 2.0 | Algunas familias, como varias creadas por Google | Uso, modificación y redistribución libres | Conservar el aviso de licencia al redistribuir |
| Ubuntu Font License 1.0 | Familia Ubuntu | Uso y redistribución libres | Condiciones propias para versiones derivadas |
03 Cómo elegir una tipografía en Google Fonts
El buscador de Google Fonts filtra por categoría, idioma o sistema de escritura, número de estilos y si la familia es variable. Estas son las categorías que usa y para qué suele servir cada una:
Serif
Con remates en los trazos. Aporta un tono editorial o clásico; funciona en titulares y en textos largos de blogs y medios.
Sans serif
Sin remates. Es la opción más habitual para interfaces y cuerpo de texto en pantalla por su limpieza.
Display
Pensadas para tamaños grandes: titulares, carteles o logotipos. No sirven para párrafos.
Handwriting
Imitan la escritura a mano. Úsalas con moderación, en detalles de marca o firmas.
Monospace
Todos los caracteres ocupan lo mismo. Útiles para código, datos tabulares o una estética técnica.
- ✓Empieza por el texto de párrafo: tiene que leerse bien a 16 px en móvil.
- ✓Comprueba que la familia incluye los caracteres del español (ñ, tildes, ¿, ¡) y, si vendes fuera, los de otros idiomas.
- ✓Combina como máximo dos familias: una para titulares y otra para texto, o una sola familia con varios pesos.
- ✓Busca contraste entre ambas (por ejemplo, serif en titulares y sans serif en el cuerpo), no dos fuentes casi iguales.
- ✓Prueba tu propio texto en la vista previa del buscador, no el texto de ejemplo.
- ✓Elige solo los pesos que vas a usar (por ejemplo, 400 y 700) o una versión variable.
Un ejemplo de familia de personalidad marcada es Quicksand, una sans serif geométrica de terminales redondeados muy usada en marcas cercanas. La legibilidad también es una cuestión legal: la accesibilidad web exige texto legible y con contraste suficiente, algo que depende en buena parte de la fuente elegida.
04 Fuentes de Google Fonts habituales en webs
| Familia | Categoría | Diseño | Uso típico |
|---|---|---|---|
| Roboto | Sans serif | Christian Robertson (Google) | Interfaces y apps; es la fuente de Android |
| Open Sans | Sans serif | Steve Matteson | Texto de párrafo en webs corporativas |
| Montserrat | Sans serif geométrica | Julieta Ulanovsky | Titulares con carácter |
| Lato | Sans serif | Łukasz Dziedzic | Texto y titulares en webs de servicios |
| Inter | Sans serif | Rasmus Andersson | Interfaces de software y paneles |
| Merriweather | Serif | Sorkin Type | Lectura larga en pantalla, blogs |
| Playfair Display | Serif display | Claus Eggers Sørensen | Titulares elegantes, moda y gastronomía |
05 Cómo descargar y usar Google Fonts
-
1
Busca la familia
Entra en fonts.google.com, escribe un nombre o filtra por categoría, idioma y propiedades.
-
2
Revisa estilos y licencia
Abre la ficha de la familia para ver sus pesos, si es variable, el diseñador y la licencia.
-
3
Añádela a tu selección
Pulsa el botón para obtener la fuente; puedes reunir varias familias antes de descargar.
-
4
Descárgala para diseño
Descarga el paquete ZIP e instala los archivos TTF en tu ordenador para usarlos en Figma, Canva, Word o Photoshop.
-
5
O incrústala en tu web
Copia el código de inserción (etiqueta link o @import) o descarga los archivos para alojarlos en tu servidor.
-
6
Aplícala con CSS
Declara la familia con la propiedad font-family en tu hoja de estilos, con una fuente de respaldo genérica.
06 Fuentes variables e iconos Material Symbols
Fuentes variables
Un solo archivo contiene un rango continuo de pesos (por ejemplo, de 100 a 900) y a veces de anchura o inclinación. Evita cargar un archivo por cada peso.
Material Symbols
Desde marzo de 2021 Google Fonts también distribuye iconos de código abierto, que se usan como una fuente más y admiten ejes de relleno y grosor.
Idiomas y alfabetos
El catálogo cubre latino, cirílico, griego, árabe, hebreo, alfabetos indios y familias CJK para chino, japonés y coreano.
07 Google Fonts, velocidad y privacidad
Cada familia y cada peso que añades es un archivo más que descargar antes de mostrar el texto con su aspecto final. Por eso la elección tipográfica afecta a la velocidad de carga web y a métricas como el LCP o el CLS. A esto se suma una cuestión legal en Europa: cargar las fuentes desde los servidores de Google transmite la IP del visitante, y en 2022 un tribunal alemán lo consideró contrario al RGPD sin consentimiento.
08 Alternativas a Google Fonts
| Servicio | Modelo | Cuándo tiene sentido |
|---|---|---|
| Adobe Fonts | Incluido en suscripciones de Creative Cloud | Si ya trabajas con Adobe y buscas familias comerciales |
| Fontshare | Gratuito, de Indian Type Foundry | Para familias de calidad menos vistas |
| Font Squirrel | Catálogo de fuentes gratuitas para uso comercial y generador de @font-face | Para convertir y preparar archivos propios |
| Fontsource | Paquetes npm de fuentes libres, incluidas las de Google Fonts | En proyectos JavaScript que alojan las fuentes con el resto del código |
| Fundiciones comerciales | Licencia de pago por uso web, escritorio o app | Cuando la marca necesita una tipografía exclusiva |
En cualquier caso, la tipografía es una decisión de marca y de experiencia de usuario, no solo técnica, y en un proyecto de diseño web profesional se define junto con los colores, el logotipo y la jerarquía de los textos. Si quieres ideas actuales, repasamos las tendencias de diseño web que de verdad mejoran resultados.
Preguntas frecuentes sobre Google Fonts
Es la biblioteca gratuita de tipografías de Google, con más de 1.900 familias con licencias libres que puedes descargar o incrustar en una web.
Sí. Las fuentes usan licencias libres como la SIL Open Font License o Apache 2.0, que permiten el uso comercial en webs, logotipos, apps e impresos. Lo único que no puedes hacer es vender la fuente por sí sola.
No hace falta en una web o un diseño. La obligación de incluir el aviso de licencia aparece cuando redistribuyes los archivos de la fuente, por ejemplo dentro de una plantilla o una app.
Abre la familia en fonts.google.com, pulsa el botón para obtenerla y descarga el ZIP. Después instala los archivos TTF en tu sistema para usarlos en programas de diseño.
Google Fonts es el catálogo de fuentes; la API es el servicio que las entrega a una web desde los servidores de Google mediante una hoja de estilos CSS.
Usar las fuentes sí. El problema es cargarlas desde los servidores de Google sin consentimiento, porque se transmite la IP del visitante; alojarlas en tu propio servidor evita esa transferencia.
Lo recomendable son una o dos familias y solo los pesos que necesitas, porque cada archivo adicional ralentiza la carga.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗