Resumen
Las Google Fonts cargadas mediante la API de Google transmiten automáticamente la dirección IP de cada visitante a los servidores de Google, sin consentimiento previo. La dirección IP es un dato personal según el RGPD, lo que convierte esta transferencia en un tratamiento de datos no conforme. En enero de 2022, el Tribunal Regional de Múnich dictaminó que un sitio web que cargaba Google Fonts de forma externa infringía el RGPD. La solución es alojar las fuentes en Webflow subiéndolas como fuentes personalizadas, lo que elimina todas las peticiones a los servidores de Google.
¿Por qué las Google Fonts plantean un problema de cumplimiento del RGPD?
La API de Google Fonts funciona de forma sencilla: cuando un navegador carga una página que usa una fuente alojada por Google, envía una petición HTTP a los servidores de Google (fonts.googleapis.com). Esta petición incluye automáticamente la dirección IP del visitante.
Google indica que recopila estas direcciones IP y las utiliza con fines analíticos. El Tribunal de Justicia de la Unión Europea confirmó en la sentencia Breyer (asunto C-582/14) que las direcciones IP constituyen datos personales. Por tanto, el RGPD exige una base jurídica para este tratamiento.
No se puede invocar el interés legítimo, porque alojar las fuentes en tu propio servidor es una alternativa técnica sencilla que evita cualquier transferencia de datos. El tribunal de Múnich lo confirmó en enero de 2022: el responsable del sitio podría haber alojado las fuentes localmente y evitado el tratamiento de datos adicional.
Lo que dice la jurisprudencia
En enero de 2022, el Landgericht de Múnich dictaminó que un sitio web que utilizaba Google Fonts mediante la API de Google infringía el RGPD. El tribunal consideró que transmitir la dirección IP del visitante a Google sin consentimiento previo constituía una vulneración del derecho a la autodeterminación informativa. Se condenó al sitio a pagar 100 euros por daños y perjuicios, pero el precedente jurídico es importante.
Desde esta sentencia, se han enviado en Alemania miles de requerimientos (Abmahnungen) a propietarios de sitios web que cargaban Google Fonts de forma externa. Otras autoridades de protección de datos de Europa, sobre todo en Austria, han adoptado posturas similares.
En Francia, la CNIL no ha publicado hasta la fecha ninguna decisión específica sobre Google Fonts. Sin embargo, su doctrina sobre las transferencias de datos a servidores de terceros sin consentimiento es coherente con la postura del tribunal de Múnich. Un sitio web que transmite direcciones IP a Google sin base jurídica se expone al mismo riesgo.
¿Un banner de cookies cubre las Google Fonts?
No, un banner de cookies no resuelve el problema de las Google Fonts cuando las fuentes se cargan mediante la API de Google. Las Google Fonts no instalan cookies, pero provocan una transferencia de datos personales (la dirección IP) en cuanto se carga la página.
Esta transferencia se produce antes de cualquier interacción del usuario con el banner de consentimiento. Técnicamente, las peticiones a fonts.googleapis.com se lanzan durante el renderizado de la página, al mismo tiempo que se muestra el banner. El usuario aún no ha tenido tiempo de dar o rechazar su consentimiento.
Aunque bloquearas la carga de las Google Fonts antes del consentimiento (algo técnicamente complejo en Webflow), esto crearía un problema de visualización: la página se mostraría primero con fuentes alternativas y luego cambiaría tras el consentimiento. Alojar las fuentes localmente sigue siendo la única solución limpia. Para saber más sobre banners conformes, consulta nuestra guía del banner de cookies RGPD.
Cómo detectar si tu sitio Webflow carga Google Fonts de forma externa
El método más fiable es inspeccionar las peticiones de red en el navegador. Este es el proceso con Chrome.
Paso 1: abre las herramientas para desarrolladores
Ve a tu sitio publicado, haz clic con el botón derecho y selecciona "Inspeccionar". Abre la pestaña "Network" (Red).
Paso 2: filtra las peticiones
Recarga la página y filtra por "fonts.googleapis.com" o "fonts.gstatic.com". Si aparecen peticiones, tu sitio carga las fuentes desde los servidores de Google.
Paso 3: revisa el código fuente
También puedes ver el código fuente de la página (Ctrl+U) y buscar "webfont.js" o "fonts.googleapis.com". La presencia de estas referencias confirma la carga externa. Webflow indica en su propia documentación que la integración de Google Fonts utiliza la API de Google Fonts y puede no cumplir el RGPD. También puedes usar el escáner de FlowConsent para realizar una auditoría completa de tu sitio.
Cómo alojar Google Fonts localmente en Webflow
El alojamiento propio elimina todas las peticiones a los servidores de Google. Los archivos de fuentes se almacenan en los servidores de Webflow y no se transmite ningún dato a terceros.
Paso 1: descarga las fuentes
Ve a Google Fonts (fonts.google.com), selecciona tu fuente y descarga los archivos. Elige preferiblemente el formato WOFF2 para una carga óptima. También puedes usar Google Webfonts Helper, que genera directamente los archivos y el CSS correspondiente.
Paso 2: sube las fuentes a Webflow
En Webflow, ve a Site Settings y luego a la pestaña Fonts. En "Custom Fonts", haz clic en "Upload". Sube tus archivos WOFF o WOFF2 y nombra cada variante con claridad (por ejemplo, "Inter Local", "Inter Local Bold").
Paso 3: sustituye las fuentes en el Designer
Abre el Webflow Designer, identifica cada clase CSS que utiliza la Google Font y sustitúyela por la versión personalizada que has subido. Revisa todos los breakpoints: algunas fuentes pueden usarse solo en tamaños de móvil o tableta.
Paso 4: elimina la conexión con Google Fonts
Vuelve a Site Settings, pestaña Fonts, sección "Google Fonts". Elimina cada Google Font que hayas añadido. Publica el sitio y comprueba de nuevo con las herramientas para desarrolladores que no se envía ninguna petición a los servidores de Google.
Error habitual: las fuentes predeterminadas de Webflow
Webflow incluye por defecto algunas Google Fonts en su Designer (Lato, Varela, Open Sans, etc.). Si tu sitio usa una de estas fuentes, puede seguir cargándola desde Google incluso después de eliminarla de los ajustes. La solución: sube la misma fuente como fuente personalizada y sustituye todas sus apariciones en el Designer. Para una guía completa sobre la gestión de cookies y consentimiento en Webflow, consulta nuestro artículo dedicado.
Errores frecuentes (y cómo evitarlos)
Pensar que el problema solo afecta a las cookies. Las Google Fonts no instalan cookies, pero transmiten la dirección IP. El problema se rige por las normas sobre transferencia de datos personales, no por la Directiva ePrivacy sobre rastreadores.
Eliminar la fuente de los ajustes sin sustituir las clases CSS. Si eliminas una Google Font sin sustituir las clases que la usan, Webflow aplicará una fuente alternativa. Identifica y sustituye todas las apariciones antes de eliminarla.
Olvidar las fuentes cargadas mediante código personalizado. Algunas plantillas o componentes de terceros insertan Google Fonts mediante etiquetas link en el código personalizado. Revisa el Head Code y el Body Code en los ajustes del sitio y de cada página.
Ignorar las fuentes de servicios de terceros integrados. Un widget de chat, un formulario de terceros o un embed pueden cargar Google Fonts por su cuenta. La auditoría no debe limitarse a tus propios ajustes de Webflow.
No probar después de publicar. Prueba siempre en el sitio publicado, no en el Designer. El Webflow Designer y el sitio publicado pueden comportarse de forma distinta al cargar recursos externos.
Checklist: corregir las Google Fonts en Webflow
- Abre las herramientas para desarrolladores del navegador en tu sitio publicado y busca peticiones a fonts.googleapis.com o fonts.gstatic.com.
- Identifica todas las Google Fonts utilizadas en el Webflow Designer (inspecciona el código fuente, busca webfont.js).
- Descarga los archivos de fuentes correspondientes en formato WOFF2 desde Google Fonts o Google Webfonts Helper.
- Sube las fuentes como fuentes personalizadas en Site Settings, pestaña Fonts.
- Sustituye cada aparición de la Google Font por la versión personalizada en el Designer, en todos los breakpoints.
- Revisa el código personalizado (Head Code, Body Code, a nivel de página) para eliminar cualquier enlace a fonts.googleapis.com.
- Elimina las Google Fonts en Site Settings, sección Google Fonts.
- Publica el sitio y vuelve a comprobarlo con las herramientas para desarrolladores.
- Verifica que los servicios de terceros integrados (chat, formularios, widgets) no cargan Google Fonts por su cuenta.
- Documenta la corrección en tu registro de cumplimiento del RGPD.
Conclusión
Usar Google Fonts mediante la API de Google en un sitio Webflow es una brecha de cumplimiento del RGPD que la mayoría de las agencias pasan por alto. La solución es sencilla, rápida y a menudo mejora el rendimiento del sitio. Si quieres identificar todos los rastreadores y transferencias de datos de tu sitio, incluidas las fuentes externas, haz un análisis gratuito con FlowConsent.