Saltar al menú
Entrar
Salta al contenido
Entrar
Saltar al pie de página
Entrar

Cómo localizar y eliminar las fuentes de Google de un sitio de Webflow

__wf_reservado_decorativo
Note

Es posible que ganemos una comisión cuando hagas clic en los enlaces a nuestros socios y compres bienes o servicios. Para obtener más información, le nuestra Política de descargos de responsabilidad.

Introducción

A principios de 2022, un tribunal alemán dictaminó que los sitios web que incrustan fuentes de los servidores de Google infringen el RGPD (Reglamento general de protección de datos) y podrían estar sujetos a multas. En esta guía, veremos cómo localizar y eliminar Google Fonts de tu sitio de Webflow. Hay varias formas de cargar Google Fonts en un sitio de Webflow, por lo que es importante que lo compruebes minuciosamente para asegurarte de eliminar todas las conexiones a Google Fonts. Una vez que se eliminen estas conexiones, Google Fonts debería dejar de cargarse en tu sitio.

Paso 1: Comprueba la pestaña Fuentes

El primer lugar para comprobar la eliminación de Google Fonts es en la pestaña Fuentes de la configuración del sitio. Si tienes alguna fuente de Google incluida en la sección de fuentes de Google, querrás eliminarla y volver a publicar el sitio.

The Fonts tab in Site Settings with Google Fonts as the first section

Paso 2: Abre la consola del navegador y comprueba qué fuentes se están cargando desde Google

Para saber definitivamente qué fuentes se están cargando desde Google, visita tu sitio activo en tu dominio webflow.io o personalizado y abre la consola del navegador haciendo clic con el botón derecho en la página y seleccionando «Inspeccionar». A continuación, tendrás que ir a la pestaña «Fuentes» de la consola del navegador y buscar la fuente de Google Fonts, si está presente. Una vez que encuentres Google Fonts, expande la carpeta y visualiza el archivo que contiene. Desde allí puedes ver todas las fuentes que se están cargando desde Google Fonts. Toma nota de cada una de las fuentes de la lista para el siguiente paso.

"Sources" tab of browser console displaying the source, "fonts.googleapis.com" as a source with its corresponding CSS file.

Paso 3: Abre tu archivo CSS desde la consola y localiza qué clases utilizan esas fuentes

A continuación, querrá buscar la fuente que comience con algo como «assets.website-files» o «assets-global.website-files» y abrirla. A partir de ahí, deberías poder encontrar el archivo CSS de tu sitio. Selecciona el archivo CSS y usa la herramienta de búsqueda para buscar instancias de cada una de las fuentes de Google y toma nota de las clases de CSS que las utilizan. Puedes abrir la herramienta de búsqueda pulsando «CTRL + F» en Windows o «CMD + F» en Mac.

View of the "Sources" tab in the browser console displaying the CSS file within the "assets.website-files.com" source.

Paso 4: Busca esas clases en Webflow con el administrador de estilos

Abre la vista de diseñador de tu sitio de Webflow y abre el administrador de estilos a la derecha. Desde allí, puedes buscar cada una de las clases de CSS de las que tomaste nota en el último paso. También puedes buscar allí los nombres de las fuentes para encontrar clases y elementos que usen esas fuentes.

The Webflow Style Manager - the third option in the right panel of the Webflow Designer

Paso 5: Ubique cada clase y modifíquela o elimínela

Busca cada clase que utilice una fuente de Google en el Administrador de estilos y modifica la fuente o elimina la clase. Si haces clic en el icono situado junto a la clase en el Administrador de estilos, puedes ver qué páginas y elementos tienen esa clase y navegar hasta ellos para cambiar las propiedades de la clase. Asegúrate de comprobar todos los puntos de interrupción de cada clase. En algunos casos, puede que tengas que eliminar la clase y crear una nueva para reemplazarla.

Paso 6: Publica el sitio y comprueba si Google Fonts se sigue cargando

Una vez que hayas eliminado todas las fuentes de Google en el diseñador, publica el sitio y vuelve a comprobar la pestaña Fuentes para comprobar si Google Fonts sigue cargándose como fuente. Si todavía se están cargando, comprueba de nuevo tu archivo CSS. Es posible que algunas clases aún los tengan aunque no se muestren en el Diseñador. En estos casos, es posible que tengas que comprobar otros puntos de interrupción o eliminar por completo esas clases.

Paso 7: Comprueba si estás utilizando una incrustación de código personalizada o un elemento de Maps que podría llamarse Google Fonts

En algunos casos, es posible que tengas contenido incrustado llamado Google Fonts, como una herramienta de terceros o incrustación de Google Maps. En estos casos, tendrás que eliminar el contenido incrustado para detener la carga de Google Fonts.

Conclusión

Esperamos que esta guía te haya sido útil. Si tienes alguna pregunta o necesitas ayuda para eliminar Google Fonts de tu sitio de Webflow, no dudes en contacta con nosotros. Estaremos encantados de echar un vistazo a su sitio y ayudarle a eliminarlos. Cobramos 95 USD por hora por los servicios de Webflow, y la eliminación de Google Fonts suele tardar menos de una hora, pero puede tardar más en el caso de sitios más complejos.

Relume Library AI Site Builder
Tabla de contenido

Administración de sitios web

Disfrute del diseño, el desarrollo y la garantía de calidad continuos para un sitio web, ya sea nuevo o ya existente.

Redacción SEO + Vídeo

Aumente el tráfico y las clasificaciones de sus motores de búsqueda con nuestros paquetes de SEO centrados en el contenido que atraen e involucran a su público objetivo.