Safe Fonts
Safe Fonts es un módulo opcional que reduce y controla las solicitudes externas a Google Fonts que realiza tu tema u otros plugins. Actúa sobre cualquier hoja de estilos encolada (<link>) cuya URL apunte a fonts.googleapis.com, y ofrece dos comportamientos independientes que puedes activar por separado: la optimización de la carga y la retención de la hoja de estilos hasta que se otorgue el consentimiento.
El módulo proporciona herramientas para reducir y aplazar las solicitudes de fuentes a terceros. No es asesoramiento legal y por sí mismo no garantiza ningún resultado legal concreto. El alojamiento propio real de los archivos de fuentes queda fuera del alcance de esta versión del módulo; reduce y controla las llamadas externas en lugar de mover los archivos.
Activar el módulo
Section titled “Activar el módulo”El módulo está desactivado de forma predeterminada. Actívalo en WooCommerce > Polski > Módulos (clave del módulo safe_fonts). Una vez activado, actúa solo en la tienda; la zona de administración se omite. Si el módulo no puede reconocer o reescribir una etiqueta determinada, la devuelve sin cambios, de modo que las fuentes siempre siguen funcionando (degradación elegante).
| Modo | Qué hace |
|---|---|
| Optimizar | Añade display=swap a la URL de Google Fonts cuando falta, y emite sugerencias de recurso preconnect para fonts.googleapis.com y (con crossorigin) fonts.gstatic.com. Esto recorta el desplazamiento del diseño y el coste de la conexión sin cambiar lo que se carga. |
| Retener hasta el consentimiento | Reescribe el <link> de Google Fonts como un enlace de marcador de posición desactivado (la URL real se conserva en un atributo data). Un pequeño controlador lo vuelve a activar solo una vez que la persona visitante ha otorgado la categoría de consentimiento elegida. Hasta entonces, la solicitud externa no se realiza. |
Los dos modos son independientes. Puedes activar uno, ambos o ninguno.
Optimizar
Section titled “Optimizar”Cuando la optimización está activada, el módulo:
- añade
display=swapa la URL de la hoja de estilos de Google Fonts cuando carece de un valordisplayexplícito. Las URL que no son de fuentes se dejan intactas. - imprime dos sugerencias
preconnecten<head>: una parahttps://fonts.googleapis.comy otra parahttps://fonts.gstatic.com(con el atributocrossorigin).
Este comportamiento no bloquea ninguna solicitud; solo reduce el desplazamiento del diseño y el coste de abrir la conexión.
Retener hasta el consentimiento
Section titled “Retener hasta el consentimiento”Cuando este modo está activado, el módulo convierte la etiqueta de Google Fonts en una hoja de estilos desactivada (disabled, media="print", href="about:blank") que no descarga nada. La URL real se almacena en data-polski-safefont y la categoría de consentimiento elegida en data-polski-consent. Un pequeño controlador de frontend vuelve a activar la hoja de estilos solo una vez que la persona visitante ha otorgado la categoría de consentimiento configurada, y también reacciona al evento polskiConsentChange del Gestor de consentimiento.
Se conserva un respaldo <noscript> que contiene la etiqueta original, de modo que las fuentes siguen cargándose cuando JavaScript está desactivado. El controlador se encola únicamente cuando en la solicitud actual se ha retenido realmente alguna fuente.
Este modo funciona junto con el módulo Gestor de consentimiento (la categoría de consentimiento y el evento de cambio de consentimiento provienen de él). Para que la retención tenga sentido, la categoría de consentimiento debe aplicarse de forma real en el lado de la persona visitante.
Ajustes
Section titled “Ajustes”Los ajustes se encuentran en la tarjeta del módulo en WooCommerce > Polski > Módulos.
| Ajuste | Predeterminado | Descripción |
|---|---|---|
| Optimizar | activado | Añade display=swap e imprime sugerencias preconnect para los hosts de Google Fonts. |
| Retener hasta el consentimiento | desactivado | Retiene la hoja de estilos de Google Fonts hasta que se otorga la categoría de consentimiento elegida. |
| Categoría de consentimiento | Preferencias | La categoría de consentimiento necesaria para cargar las fuentes cuando la retención está activada. |
Degradación elegante
Section titled “Degradación elegante”Si una etiqueta no se puede analizar o reconstruir de forma segura (por ejemplo, porque no es un enlace rel="stylesheet" estándar), el módulo la devuelve sin cambios. Esto significa que los casos no admitidos nunca rompen la página y las fuentes se cargan como antes.
Resolución de problemas
Section titled “Resolución de problemas”Las fuentes no se cargan tras activar la retención - comprueba que la persona visitante haya otorgado la categoría de consentimiento elegida y que el módulo Gestor de consentimiento esté activo. Hasta que se otorgue el consentimiento, la hoja de estilos permanece desactivada.
display=swap no aparece - esto se aplica solo a las URL que apuntan a fonts.googleapis.com, y únicamente cuando la URL no lleva ya un valor display explícito.
Las fuentes del tema alojadas localmente no cambian - el módulo actúa solo sobre las solicitudes externas a Google Fonts. Las fuentes alojadas localmente no se ven afectadas.
Informar de problemas: github.com/wppoland/polski/issues