Tutto quello che vorresti sapere prima di installare.
Uno sguardo dettagliato su come funziona Modulo Google Fonts Locale PrestaShop 8/9 — Font Self-Hosted GDPR, perché l'abbiamo progettato così, e il ragionamento dietro le funzionalità qui sopra.
§ 01
Google Fonts e GDPR: un rischio giuridico molto reale
Quando il tuo tema carica un font da fonts.googleapis.com, il browser di ogni visitatore trasmette il suo indirizzo IP ai server di Google senza consenso preventivo. Il tribunale regionale di Monaco ha dichiarato questa pratica contraria al GDPR già nel gennaio 2022, e sono seguite ondate di diffide in Germania, Austria e Francia. L'unica soluzione pulita è il self-hosting: i file dei font vengono serviti dal tuo dominio e nessun dato viaggia più verso Google. È esattamente ciò che fa questo modulo, in un clic.
§ 02
Importare è semplice come il catalogo Google Fonts stesso
Digita il nome di un font nella ricerca integrata: l'autocompletamento scorre il catalogo Google Fonts completo, in cache sul tuo server. Seleziona i pesi necessari (400 e 700 sono preselezionati) e gli alfabeti del tuo pubblico, poi clicca su Importa. Il modulo scarica i file woff2 ufficiali, ne verifica la firma binaria, li archivia in una cartella dedicata e rigenera il foglio di stile. Se il tema carica ancora font esterni, un'opzione li rimuove dall'HTML renderizzato: link di fogli di stile, preconnect e import inline.
§ 03
Subsetting automatico: servi solo i byte utili
Una famiglia completa può pesare centinaia di kilobyte se si includono tutti gli alfabeti. Il modulo scarica solo i subset selezionati — latin e latin-ext di default — e conserva l'unicode-range originale di ogni file. Risultato: il browser richiede solo gli intervalli di caratteri realmente presenti sulla pagina. Un tipico negozio italiano serve così da 20 a 90 KB di font invece di diverse centinaia, senza alcuna perdita visiva.
§ 04
Precaricamento e font-display: la tipografia al servizio dei Core Web Vitals
Per ogni famiglia, un interruttore precarica il file critico — woff2, stile normale, alfabeto latin, peso vicino a 400 — tramite un tag link rel preload posizionato in testa alla pagina. Combinato con la strategia font-display swap applicata di default a tutte le dichiarazioni, il testo resta visibile durante il caricamento e il carattere definitivo appare senza fastidiosi sfarfallii. Regoli con precisione il compromesso tra stabilità visiva e velocità con le modalità block, fallback, optional o auto.
§ 05
Cambia tipografia senza mai toccare il tema
Il modulo genera regole di sostituzione a partire da semplici associazioni selettore CSS verso font: body verso Inter 400, titoli verso Inter 700, pulsanti verso il peso che preferisci. Ogni regola accetta uno stack di riserva (sans-serif, serif, system-ui…), uno stile e un marcatore important opzionale. Il foglio generato viene caricato dopo il CSS del tema ed è versionato per la cache: agli aggiornamenti del tema nulla si rompe, e alla disinstallazione il negozio ritrova i suoi font originali. I font personalizzati si aggiungono con un semplice caricamento woff2, woff, ttf o otf.
Ancora non ci sono recensioni.