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.
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é.
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. ?