Todo lo que querrías saber antes de instalar.
Una mirada detallada a cómo funciona Módulo Google Fonts Local PrestaShop 8/9 — Fuentes Autoalojadas RGPD, por qué lo construimos así y la lógica detrás de las características anteriores.
§ 01
Google Fonts y RGPD: un riesgo jurídico muy real
Cuando tu tema carga una fuente desde fonts.googleapis.com, el navegador de cada visitante transmite su dirección IP a los servidores de Google sin consentimiento previo. El tribunal regional de Múnich declaró esta práctica contraria al RGPD ya en enero de 2022, y le siguieron oleadas de requerimientos en Alemania, Austria y Francia. La única solución limpia es el autoalojamiento: los archivos de fuentes se sirven desde tu propio dominio y ningún dato viaja hacia Google. Eso es exactamente lo que hace este módulo, en un clic.
§ 02
Importar es tan sencillo como el propio catálogo de Google Fonts
Escribe el nombre de una fuente en la búsqueda integrada: el autocompletado recorre el catálogo completo de Google Fonts, cacheado en tu servidor. Selecciona los grosores que necesitas (400 y 700 vienen premarcados) y los alfabetos de tu audiencia, y haz clic en Importar. El módulo descarga los archivos woff2 oficiales, verifica su firma binaria, los guarda en una carpeta dedicada y regenera la hoja de estilos. Si tu tema sigue cargando fuentes externas, una opción las elimina del HTML renderizado: enlaces de hojas de estilo, preconnect e imports inline.
§ 03
Subsetting automático: sirve solo los bytes útiles
Una familia completa puede pesar cientos de kilobytes si se incluyen todos los alfabetos. El módulo solo descarga los subsets marcados — latin y latin-ext por defecto — y conserva el unicode-range original de cada archivo. Resultado: el navegador solo solicita los rangos de caracteres realmente presentes en la página. Una tienda española típica sirve así de 20 a 90 KB de fuentes en lugar de varios cientos, sin ninguna pérdida visual.
§ 04
Precarga y font-display: la tipografía al servicio de los Core Web Vitals
Para cada familia, un interruptor precarga el archivo crítico — woff2, estilo normal, alfabeto latin, grosor cercano a 400 — mediante una etiqueta link rel preload colocada en la cabecera de la página. Combinado con la estrategia font-display swap aplicada por defecto a todas las declaraciones, el texto permanece visible durante la carga y la tipografía definitiva aparece sin parpadeos molestos. Ajustas con precisión el equilibrio entre estabilidad visual y velocidad con los modos block, fallback, optional o auto.
§ 05
Cambia de tipografía sin tocar jamás el tema
El módulo genera reglas de sustitución a partir de simples asociaciones selector CSS hacia fuente: body hacia Inter 400, títulos hacia Inter 700, botones hacia el grosor que elijas. Cada regla acepta una pila de reserva (sans-serif, serif, system-ui…), un estilo y un marcador important opcional. La hoja generada se carga después del CSS del tema y está versionada para la caché: al actualizar el tema nada se rompe, y al desinstalar tu tienda recupera sus fuentes originales. Las fuentes propias se añaden con una simple subida woff2, woff, ttf u otf.
No hay valoraciones aún.