3 formas de hacer que Google Fonts cumpla con GDPR en un sitio web de WordPress - Oxygenados La comunidad
Oxygenados La comunidad hispana
Recoda White Full Logo
Patrocinador
Menu
post oxygen builder

3 formas de hacer que Google Fonts cumpla con GDPR en un sitio web de WordPress

¿Cómo puedes hacerlo?

Cómo funcionan las fuentes de Google

Google Fonts generalmente parece inofensivo. Es una colección de fuentes para usar en las webs, optimizan su rendimiento e incluso ayudan a evitar problemas de licencia.

El problema comienza cuando su computadora, o la computadora de su lector, abre el sitio web y solicita automáticamentelos archivos de Google Fonts de los servidores de Google. Para que Google envíe la fuente, tiene que saber dónde enviarla primero y eso significa recopilar su dirección IP. Esa acción específica es lo que viola GDPR.

Cómo usar fuentes de manera compatible con GDPR

El fallo del tribunal alemán solo se aplica a las fuentes que se alojan y sirven a cada visitante desde los servidores de Google. Sin embargo, alojar las mismas fuentes localmente o usar un proveedor diferente es perfectamente aceptable.

Exploremos estas opciones.

Cargar fuentes desde tu propio servidor no tiene un impacto perceptible en la velocidad de carga de la página, incluso si tienes decenas de archivos de fuentes y no los almacenas en caché.

Logo Oxygenados

1. Alojar localmente.
Existe la posibilidad de que el tema ya brinde una forma de alojar fuentes localmente. (no es el caso de Oxygen)

Algunos de los temas más populares de WordPress ya lo hacen, por ejemplo(enlaces a la documentación)
GeneratePress
Astra
OceanWP
Kadence WP

2. Cambiar a una fuente alojada localmente usando un plugin.
Alojar fuentes localmente en el mismo servidor donde tienes tu página, para ello se pueden usar plugins, uno gratuito es por ejemplo es OMGF o bien de pago Perfmatters, UseAnyFonts,... etc. Las configuraciones son secillas de realizar y no vale la pena entrar en detalle. También podemos hacerlo nosotros mismos, de una manera fácil y sencilla usando WpCodebox, Advanced Scripts, o Scripts Organizer entre otros. Abajo video y unas imágenes de como hacerlo.


3. Usar un servicio de fuentes compatible con GDPR.
Esto viene siendo, practicamente el mismo tipod  servicio  Google Fonts, pero que cumplen con la ley GDPR. Unos ejemplos:  Bunny Fonts y CDN Fonts , en este último ademá tendremos la opción de descargar las fuentes, aunque para descargar fuentes nuestra preferencia es https://google-webfonts-helper.herokuapp.com/fontsya que además de descargar las fuentes te dá el código para insertar en el snippet, del que solo debes modificar la ruta.
Y también para esto hay varias formas de hacerlo, una de ellas es utilizar el plugin Replace Google Fonts with Bunny Fonts,  el que reemplazará todas las llamadas a sus fuentes de Google con llamadas al propio banco de fuentes de Bunny Fonts; también se puede contar con la ayuda de Cloudflare, que explicado de una forma simple funciona como un proxy que toma el HTML de tu sitio antes de que llegue al navegador del visitante, reemplaza todos los enlaces a las fuentes de Google y los cambia a los que desees, por ejemplo a los de Bunny Fonts; pero ya nos metemos en unos berenjenales de programación un tanto complicados con "workers" de Coludfare  cuando tenemos opciones mucho mas sencillas para alcanzar el mismo fin.

El video muestra como tomar el código necesario desde bunny.net, en el caso de ser desde CDN Fonts el proceso es casi idéntico, solo que además tendremos la opción de descargar las fuentes.

Esta imagen muestra como quedaría el snippet con el código configurado tal y como quedaría con la ruta personalizada.

Snippet configurado para que la carga de la fuente sea desde el cdn de buuny.net

Como siempre esperamos tus comentarios y por supuesto si tienes alguna duda o necesitas ayuda puedes contactar por nuestro grupo de Telegram o dejando un comentario.

Nos vemos en la próxima. ?

0 0 votos
Puntuación
Suscribir
Notificar de
guest
0 Comentarios
Viejos
Nuevos Más votados
Comentarios en línea
Ver todos los comentarios
Añadir lightbox "Facilmente"

El añadir lightbox con sus efectos visuales parece una tarea difícil y que requiere el uso de un nuevo plugin, pero nada más lejos de la realidad, con Oxygen lo tenemos muy fácil, realmente asombrosamente fácil con dos líneas de código HTML y pocas más de código JavaScript, aquí mostramos como hacerlo.

Leer más
Imagen de Fondo Archivo de Categorías

Vamos a tratar de como añadir un encabezado con la imagen predeterminada para el archivo de categorías, cada categoría tendrá su imagen predeterminada.
Para esto solo se necesita de un plugin gratuito, aunque también se puede hacer con otros como por ejemplo el HappyFiles.

Leer más
Botón de Todos los Templates

Se echa de menos un botón que estando en la sección "Edit Template" nos lleve directamente a la página de Templates que es donde se muestra todo el listado de plantillas de Oxygen, parece que alguien se ha olvidado de este detalle que debería estar implementado nativamente y a veces hasta fastidia un poco tener que cargar dos páginas para llegar ahí estando en la sección de edición de template.

Leer más