Google Fonts WordPress RGPD

RGPDIntegrar Google Fonts -compatible localmente en WordPress

La integración de Google Fonts en WordPress puede ser crítica por varias razones: RGPD Protección de datos y cumplimiento, rendimiento y tiempos de carga, dependencia de Google y seguridad. WooCommerce Nuestra agencia asociada fivecode está especializada en sitios web y tiendas WordPress, y ya ha adquirido experiencia en varios cientos de proyectos para empresas conocidas sobre estas cuestiones. 

Yannic, ¿con qué frecuencia te encuentras con el problema de Google Fonts en tu trabajo diario de agencia y qué soluciones eficaces utilizas para evitar este problema?

Nos encontramos con el tema de la integración de fuentes y el problema de Google Fonts en casi todos los proyectos. Estaré encantada de explicarte cómo pueden averiguar las empresas si Google Fonts se están ejecutando en su sitio web WordPress y cómo pueden desactivarlas. También puedo explicarte cómo cargamos Google Fonts o fuentes personalizadas localmente en el servidor en nuestros proyectos. RGPD Esto ayuda a nuestros clientes a proteger la privacidad de sus usuarios y evitar problemas potencialmente costosos. 

En este artículo no ofrecemos asesoramiento jurídico. Si tienes alguna duda legal, ponte en contacto con abogados especializados. RGPD Las medidas propuestas se basan en nuestro estado actual de conocimientos y pretenden ayudar a los administradores de WordPress a crear sitios web que cumplan la normativa. Sin embargo, no podemos garantizar que las medidas presentadas aseguren al 100% el cumplimiento de la protección de datos, ya que los avances técnicos y la situación legal pueden cambiar. Si es necesario, consulta a una agencia profesional para su aplicación.

¿Qué son las Google Fonts y por qué suelen ser un problema?

Google Fonts es un servicio gratuito de Google que proporciona una amplia biblioteca de fuentes para sitios web y tiendas online. Los desarrolladores y diseñadores web las utilizan a menudo debido a su fácil integración. Esto se debe a que el servicio nos ahorra tener que subir nuestras propias fuentes y garantiza que también se puedan utilizar fuentes que no estén instaladas por defecto en los ordenadores, teléfonos inteligentes y otros dispositivos de los visitantes.

RGPD Sin embargo, las fuentes de Google son una cuestión jurídicamente crítica, porque su integración plantea problemas de protección de datos: al fin y al cabo, se transfieren datos a los servidores de Google cuando se cargan las fuentes, lo que puede suponer una violación si no se obtiene el consentimiento del usuario.

RGPD¿Por qué son problemáticas las fuentes de Google en relación con la UE?

Normativa sobre protección de datos en EE.UU.

RGPD Las Google Fonts pueden ser problemáticas con respecto a la UE, porque transmiten datos a servidores de Google situados fuera de la Unión Europea cada vez que se utiliza un sitio web. El problema es que los operadores de estos servidores en Estados Unidos siguen una normativa de protección de datos diferente a la que se aplica en la UE. 

RGPDAunque la solicitud en un sitio web sólo debe cargar la fuente correspondiente, los datos personales, como la dirección IP, también pueden transferirse a servidores extranjeros, lo que infringe el Reglamento General de Protección de Datos ( ) sin el consentimiento expreso del visitante. RGPD En enero de 2022, el Tribunal Regional de Múnich dictaminó que la integración de Google Fonts sin el consentimiento de los usuarios constituye una violación del (fuente:datenschutzticker.de).

Escudo de privacidad UE-EE.UU. no válido

El Escudo de la Privacidad UE-EE.UU. era un acuerdo destinado a regular el intercambio de datos entre la UE y EE.UU. garantizando un nivel adecuado de protección de los datos transferidos. Sin embargo, el Escudo de la Privacidad fue declarado inválido por el Tribunal de Justicia Europeo en 2020, ya que no podía garantizar suficientemente la protección de los datos personales, en particular debido al acceso de las autoridades estadounidenses. RGPD Por tanto, en la actualidad es aún más importante tomar medidas para integrar localmente Google Fonts con el fin de garantizar su cumplimiento (fuentes:Comisión Europea y Datenschutz.org).

¿Es posible utilizar Google Fonts WordPress respetando la normativa de protección de datos?

La buena noticia: el uso de Google Fonts en WordPress no es problemático per se. No lo es si se configura correctamente. Para ello, las fuentes deben cargarse localmente en tu propio servidor. Esto significa que no se establece ninguna conexión con los servidores de Google, lo que evita la transferencia de datos personales.

tus Esto significa que integrando las fuentes localmente en tu propio servidor, puedes evitar esta transferencia de datos y proteger mejor la privacidad de los visitantes del sitio web.

La realidad en la práctica

Por desgracia, a menudo esto no se cumple en la práctica. Y no sólo eso: en la práctica ya se han dado varios casos en los que las empresas han tenido que pagar grandes sumas de dinero debido a infracciones.

Un caso, por ejemplo, se refería a un sitio web que cargaba Google Fonts directamente desde los servidores de Google en Estados Unidos, por lo que las direcciones IP de los visitantes se transmitían a Google sin su consentimiento. El tribunal dictaminó que esta práctica violaba el derecho a la autodeterminación informativa y condenó al operador del sitio web a pagar daños y perjuicios. Este ejemplo demuestra que puede merecer la pena evitar que las fuentes se carguen a través de servidores de EE.UU. con unos sencillos pasos, y guardarlas localmente.

Protección de datos para agencias y desarrolladores de WordPress

En este artículo, te explicamos todo lo que necesitas saber sobre la protección de datos para agencias: desde el nombramiento de responsables de protección de datos hasta el procesamiento de pedidos y el consentimiento del hoster.

¿Qué otras desventajas puede haber si Google Fonts no se integra localmente?

Por un lado, es desagradable esperar un aviso en cualquier momento porque se han infringido involuntariamente las directrices de protección de datos. Por otro lado, pueden surgir otros inconvenientes, además del problema de la protección de datos, si Google Fonts no se integra localmente:

  • Tiempos de carga más largos: El tiempo de carga del sitio web puede aumentar, ya que las fuentes tienen que cargarse desde servidores externos de Google.
  • tus Dependencia de servicios externos: El tiempo de carga del sitio web puede verse afectado por cortes o tiempos de respuesta lentos de los servidores de Google.
  • tus Visualización incoherente: si el acceso a los servidores de Google está bloqueado (por ejemplo, por cortafuegos), no se pueden cargar las fuentes, lo que afecta a la visualización del sitio web.

tus En resumen, esto significa que la integración local de Google Fonts no sólo protege contra avisos desagradables, sino que también mejora el rendimiento y la fiabilidad de los sitios web.

tus Cómo saber si Google Fonts están funcionando en un sitio web WordPress

tus Si no sabes si Google Fonts se están ejecutando en el sitio web de WordPress, puedes utilizar la consola del navegador o el comprobador de sitios web:

Variante 1: Utiliza la consola del navegador

tus Si en la consola aparecen entradas con fonts.googleapis.com o gstatic.com, significa que las fuentes de Google se cargan directamente desde los servidores de Google en el sitio web. RGPD Esta solicitud puede transmitir datos personales como la dirección IP del visitante a Google, lo que supone un riesgo potencial para la protección de datos y puede violar sin consentimiento explícito.

Cromo:

RGPDIntegrar Google Fonts -compatible localmente en WordPress
  1. tu Abre el sitio web en Chrome.
  2. sitio Haz clic con el botón derecho y selecciona Examinar.
  3. Cambia a la pestaña Fuentes.
  4. sitio Busca a la izquierda las entradas con "fonts.googleapis.com" o "fonts.gstatic.com".

Firefox:

RGPDIntegrar Google Fonts -compatible localmente en WordPress
  1. tu Abre el sitio web en Firefox.
  2. sitio Haz clic con el botón derecho del ratón sobre el y selecciona Analizar elemento.
  3. Cambia a la pestaña Red.
  4. Filtrar por fuentes.
  5. Busca entradas con "fonts.googleapis.com" o "fonts.gstatic.com".

Safari:

RGPDIntegrar Google Fonts -compatible localmente en WordPress
  1. tu Abre el sitio web en Safari.
  2. sitio Haz clic con el botón derecho del ratón y selecciona Mostrar inspector de elementos.
  3. Cambia a la pestaña Red.
  4. sitio Busca a la izquierda las entradas con "fonts.googleapis.com" o "fonts.gstatic.com".

Opción 2: Utiliza el comprobador de sitios web

tus Alternativamente, también puedes utilizar herramientas online para comprobar si Google Fonts están integradas en el sitio web. Una herramienta que recomendamos es el Google Fonts Scanner de eRecht24. tus Sólo tienes que introducir la URL del sitio web y la herramienta comprobará automáticamente si se utilizan fuentes de Google y cuáles.

RGPDIntegrar Google Fonts -compatible localmente en WordPress

tus ¿Se están ejecutando Google Fonts en el sitio web? ¿Cómo evitar la transferencia de datos a servidores estadounidenses?

Las Google Fonts se utilizan a menudo por defecto en temas de Internet, plugins instalados y PageBuilders. Por tanto, es importante desactivarlas en varias áreas para que dejen de cargarse automáticamente.

Desactivar Google Fonts en los temas

Muchos temas de WordPress cargan las fuentes de Google por defecto. Para evitarlo, debes comprobar la configuración del tema:

  1. DashboardVe a Diseño > Personalizador u Opciones de tema en tu WordPress .
  2. Busca opciones relacionadas con fuentes o tipografía.
  3. Desactiva Google Fonts o selecciona otra fuente que esté integrada localmente.

Desactivar Google Fonts en los plugins de PageBuilder

Algunos plugins PageBuilder como Elementor, WPBakery y Divi cargan Google Fonts por defecto si no se ha seleccionado ninguna fuente predeterminada. Se pueden desactivar en la configuración del plugin:

Elementor:

  1. DashboardVe a Elementor > Configuración en tu WordPress .
  2. Cambia a la pestaña Avanzado.
  3. Activa la opción Desactivar Google Fonts.
RGPDIntegrar Google Fonts -compatible localmente en WordPress

WPBakery:

  1. DashboardVe a WPBakery > Configuración en tu WordPress .
  2. Cambia a la pestaña General.
  3. Busca la opción Cargar Google Fonts y desactívala.
RGPDIntegrar Google Fonts -compatible localmente en WordPress

Divi:

  1. DashboardVe a Divi > Opciones del plugin en tu WordPress .
  2. Cambia a la pestaña Configuración de la API.
  3. Desplázate hasta los ajustes de rendimiento.
  4. Desactiva la opción Utilizar Google Fonts.
RGPDIntegrar Google Fonts -compatible localmente en WordPress

Otros plugins:

Comprueba la configuración de los plugins instalados. Busca opciones relacionadas con fuentes o tipografía. Desactiva Google Fonts o selecciona otra fuente local.

Desactivar Google Fonts con un plugin adicional

Existen plugins especiales, como el plugin Desactivar y Eliminar Google Fonts, que pueden ayudarte a desactivar Google Fonts y utilizar fuentes locales en su lugar. tus Estos plugins reconocen el código fuente correspondiente que establece una conexión con los servicios de Google Fonts y bloquean automáticamente estos scripts y, por tanto, todas las Google Fonts del sitio web:

  1. Instala el plugin Desactivar y Eliminar Google Fonts.
  2. Activa el plugin después de instalarlo.

Desactiva Google Fonts manualmente en el tema a través del archivo functions.php

tus El archivo functions.php es un archivo de tu tema de WordPress que contiene funciones personalizadas y fragmentos de código para ampliar la funcionalidad del sitio web.

Sin embargo, hacer cambios en este archivo puede ser arriesgado, sobre todo si no sabes exactamente lo que estás haciendo. tu Los cambios incorrectos pueden hacer que el sitio web deje de funcionar correctamente o incluso que falle por completo.

Por esta razón, te recomendamos que sólo hagas ajustes si tienes los conocimientos necesarios:

Paso 1: Crea una copia de seguridad

tus Antes de realizar ningún cambio en functions.php, crea una copia de seguridad completa del sitio web. Esto te permitirá restaurar el estado original en caso de problema.

Paso 2: Abre functions.php

  1. DashboardVe a tu WordPress .
  2. Ve a Diseño > Editor de temas.
  3. Selecciona el archivo functions.php de la barra lateral derecha.

Paso 3: Identificar el Asa de Google Fonts

tu Para encontrar el controlador correcto para las fuentes de Google, tienes que comprobar la documentación de los temas o plugins. A menudo puedes encontrarla en el archivo functions.php o en el código fuente del tema de WordPress instalado. Alternativamente, puedes utilizar la consola del navegador para identificar las fuentes cargadas.

Paso 4: Añade el código

Añade el siguiente código al final del archivo functions.php. Sustituye 'theme-handle'* por el nombre real del tema que carga las Google Fonts:


(bloque de código) function remove_google_fonts() {

wp_dequeue_style('tema-manija');

wp_deregister_style('tema-manija');

}


add_action('wp_enqueue_scripts', 'remove_google_fonts', 20); (fin del bloque de código)

Paso 5: Guardar cambios

Pulsa en Actualizar archivo para guardar los cambios.

*Nota:

El 'manejador de tema' es específico de cada tema y plugin. Un ejemplo podría ser 'twentytwenty-style' para el tema Twenty Twenty.

Esta personalización elimina el código que carga Google Fonts de la cola y lo desregistra, impidiendo que las fuentes se carguen desde servidores externos de Google. RGPD tus Esto ayuda a garantizar el cumplimiento del sitio web.

Si no estás seguro o necesitas ayuda, te recomendamos que busques el apoyo profesional de una agencia especializada en WordPress para asegurarte de que todos los cambios se realizan de forma correcta y segura.

¿Google Fonts desactivado? ¿Cómo proceder?

Puedes desactivar Google Fonts con las medidas descritas y evitar así incumplir la ley de protección de datos.

tu Sin embargo, ten en cuenta que las fuentes ya no se pueden utilizar después de esto y el sitio web puede mostrarse con una fuente diferente. Esto es normal porque ahora se accede a fuentes estándar que ya están en el servidor web.

tu Tras la desactivación, es importante comprobar el sitio web. Así te asegurarás de que sigue funcionando correctamente y es legible.

En la siguiente sección, te mostraremos cómo configurar Google Fonts localmente.RGPD De este modo, podrás seguir utilizando las fuentes que desees sin infringir la UE ni ser penalizado por tiempos de carga más lentos.

RGPDConfigurar Google Fonts -compatible: Cómo hacerlo paso a paso

A continuación te mostraremos cómo puedes subir y utilizar Google Fonts o tus propias fuentes localmente en tu servidor. Así evitarás problemas de protección de datos y te asegurarás de que las fuentes se siguen mostrando correctamente.

Hay varias formas de hacerlo, que te mostraremos paso a paso a continuación:

Configurar Google Fonts localmente mediante plugins

RGPDLa forma más sencilla de configurar Google Fonts -compliant es utilizar plugins especiales. Estos plugins desactivan la conexión directa a los servidores de Google y permiten el uso local de las fuentes. Para ello, las fuentes se descargan y almacenan en el servidor web.

RGPDIntegrar Google Fonts -compatible localmente en WordPress
  • Busca en el directorio de plugins de WordPress un plugin como OMGF (Optimise My Google Fonts).
  • Instala y activa el plugin.
  • A continuación, configura el plugin a través de Ajustes para asegurarte de que Google Fonts se integra localmente.

Configura Google Fonts localmente a través del sitio web Google Fonts Helper

Otra forma de integrar Google Fonts localmente es utilizar el sitio web Google Fonts Helper. Esta es la forma manual, pero no requiere un plugin adicional. Ten en cuenta que este método es más complejo y requiere cierta experiencia con CSS y servidores web.

RGPDIntegrar Google Fonts -compatible localmente en WordPress

Paso 1: Seleccionar fuentes

Paso 2: Generar código CSS

  • Selecciona los estilos de letra necesarios (por ejemplo, normal, negrita, cursiva).
  • Haz clic en Generar CSS y copia el código CSS que se muestra.

Paso 3: Descargar archivos

  • Haz clic en Descargar archivos y guarda los archivos de fuentes en tu ordenador.

Paso 4: Subir archivos al servidor web

  • Conéctate a tu servidor web mediante FTP.
  • tu Crea una nueva carpeta en el directorio Temas (por ejemplo, fuentes) y sube los archivos de fuentes descargados a esta carpeta.

Paso 5: Personalizar el archivo CSS

  • tu Abre el archivo CSS Temas (por ejemplo, style.css).
  • Añade el código CSS generado y ajusta en consecuencia las rutas a los archivos de fuentes.
  • Actualiza el archivo CSS para utilizar la nueva fuente en tu diseño.

¡Ya está! RGPD Con estos pasos, puedes integrar Google Fonts localmente y utilizarlas en conformidad sin instalar un plugin.

Integra Google Fonts localmente con las fuentes personalizadas de Elementor

tus ¿Utilizas Elementor Pro en un sitio web WordPress? Para los usuarios de ElementorPage Builder en la versión Pro de pago, existe una función integrada para utilizar fuentes personalizadas.

Paso 1: Descarga la fuente

  • Visita el sitio web Google Fonts Helper y descarga la fuente deseada.
  • Asegúrate de que descargas todos los estilos de fuente necesarios (por ejemplo, normal, negrita, cursiva).

Paso 2: Abre Elementor

  • Dashboard Abre Elementor en tu WordPress y ve a la configuración.

Paso 3: Añadir fuentes personalizadas

  • Ve a Elementor > Fuentes personalizadas y haz clic en Añadir.

Paso 4: Subir archivos de fuentes

  • Sube los archivos de fuentes descargados. Asegúrate de subir cada tipo y peso de fuente (normal, negrita, cursiva, etc.) por separado.
  • Nombra la fuente como corresponda para que puedas encontrarla fácilmente más adelante.

Paso 5: Utilizar fuentes en los diseños

  • Selecciona la fuente cargada en tus diseños de Elementor para utilizarla.
RGPDIntegrar Google Fonts -compatible localmente en WordPress

RGPD Conclusión: y sitios web WordPress - Esto es lo que pasa ahora

tus Con los métodos presentados aquí, puedes integrar Google Fonts en el sitio web cumpliendo la normativa de protección de datos. tus tus Esto no sólo protege la privacidad de los visitantes, sino que también mejora el rendimiento y la fiabilidad del sitio web.

RGPDSin embargo, puede tener sentido encargar la implantación a una agencia profesional para garantizar que se cubren todos los aspectos del cumplimiento. tu Los profesionales pueden ayudarte a evitar escollos legales y a encontrar una solución óptima para el sitio web.

Unas palabras sobre fivecode

WooCommerce La agencia fivecode WordPress de Münster está especializada en el desarrollo individual de sitios web y tiendas web de WordPress. Llevamos apoyando a clientes de toda Alemania desde 2022, desde el diseño del sitio web hasta su posterior comercialización y mantenimiento. Consideramos los sitios web como una lucrativa herramienta online que promociona activamente el negocio de nuestros clientes en el espacio digital y lo refuerza frente a la competencia. Concedemos gran importancia a la individualidad, la creatividad y la programación profesional.

FAQ sobre Google Fonts WordPress

¿Cuál es el problema con Google Fonts?

RGPDLas Google Fonts son problemáticas porque transmiten datos a los servidores de Google cuando se cargan.

Estos servidores suelen estar situados fuera de la UE y están sujetos a normativas de protección de datos diferentes.

La transmisión de direcciones IP y otros datos puede dar lugar a violaciones de la protección de datos sin el consentimiento expreso del usuario.

Para evitar estos problemas, las Google Fonts deben alojarse localmente en tu servidor.

RGPD¿Qué fuentes son -compatibles?

RGPDLas fuentes son -cumplidoras si están alojadas localmente en tu propio servidor y, por tanto, no transmiten ningún dato personal, como direcciones IP, a servidores externos.

RGPDPuedes guardar e integrar localmente tanto Google Fonts como otras fuentes para utilizarlas conforme a . 

¿Cómo puedo ver si Google Fonts está integrado localmente?

Existen varios métodos para comprobar si Google Fonts está integrado localmente:

  1. Abre la consola del navegador en Chrome, Firefox o Safari.
  2. sitio Cambia a la pestaña Red y vuelve a cargar .
  3. Busca entradas con "fonts.googleapis.com" o "gstatic.com".

Si no aparecen estas entradas, las fuentes se integran localmente. De lo contrario, se cargan directamente desde los servidores de Google, lo que puede plantear problemas de protección de datos.

tus Alternativamente, también puedes utilizar herramientas online para comprobar si Google Fonts están integradas en el sitio web: Una herramienta recomendada es el Google Fonts Scanner de eRecht24. tus Sólo tienes que introducir la URL del sitio web y la herramienta comprobará automáticamente si se utilizan fuentes de Google y cuáles.

¿Son gratuitas las Google Fonts?

Sí, Google Fonts puede utilizarse gratuitamente. Google ofrece una amplia biblioteca de fuentes que pueden integrarse gratuitamente en los sitios web.

El uso es gratuito, independientemente de si las fuentes se cargan desde los servidores de Google o localmente desde tu propio servidor.

RGPDNo obstante, debes asegurarte de que integras las fuentes de conformidad con para evitar problemas de protección de datos.

¿Cómo puedo desactivar Google Fonts?

Puedes utilizar varios métodos para desactivar Google Fonts.

  • Configuración del tema: Muchos temas ofrecen opciones para desactivar Google Fonts.
  • Utiliza plugins: Con plugins como Desactivar y Eliminar Google Fon ts, puedes desactivar Google Fonts con sólo unos clics.
  • Elementor: También puedes desactivar Google Fonts en la configuración de Elementor.

Estas medidas evitan que las Fuentes Google se carguen desde servidores externos. tus tus sitio Sin embargo, ten en cuenta que: si desactivas Google Fonts en el sitio web, el diseño de puede cambiar, ya que las fuentes ya no se mostrarán como de costumbre. tu En su lugar, se mostrarán las fuentes utilizadas por los temas o navegadores predeterminados. Sin embargo, a veces esto no queda bien. tus Para evitarlo, debes asegurarte de integrar fuentes alternativas localmente y ajustarlas en el CSS para que el diseño del sitio web siga siendo coherente.

"*"indica que los campos son obligatorios

Me gustaría suscribirme a newsletter para estar informado sobre nuevos artículos del blog, ebooks, funciones y noticias sobre WordPress. Puedo retirar mi consentimiento en cualquier momento. Ten en cuenta nuestra Política de privacidad.
Este campo es de validación y no debe modificarse.

¿Te ha gustado el artículo?

Con tu valoración nos ayudas a mejorar aún más nuestro contenido.

Escribe un comentario

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