Descrizione /
Modulo per installare i font Google Fonts in Magento 2
MAGENTO 2 · TIPOGRAFIA · GOOGLE FONTS
Dai al negozio il carattere giusto per il tuo brand.
Kowal Google Fonts Installer
Aggiungi il codice di incorporamento Google Fonts nel pannello Magento e utilizza il font selezionato nel tema. Separa la configurazione del caricamento del font dalle impostazioni tipografiche del template.
Codice di incorporamento · Configurazione nel pannello · Tipografia del tema
COME FUNZIONA IN PRATICA
01 · Scegli il font In Google Fonts prepari il codice di incorporamento del font selezionato.
02 · Salvi la configurazione Attivi il modulo e incolli il codice nel campo google_fonts.
03 · Configuri il tema Assegni la famiglia di font negli stili e distribuisci le modifiche.
Cosa ottiene il tuo negozio?
Scopri le funzionalità, l'utilizzo e le impostazioni del modulo.
Scopri il modulo
Il modulo Kowal Google Fonts Installer è una soluzione che consente di integrare facilmente qualsiasi font della libreria Google Fonts nel tuo negozio Magento 2. Grazie a un'interfaccia semplice e intuitiva, puoi installare e configurare rapidamente un nuovo font, adattando l'aspetto del negozio alle esigenze del tuo brand.
Funzionalità del modulo
Installazione di qualsiasi font da Google Fonts
Copia il codice di incorporamento del font da Google Fonts, il cosiddetto Embed code, e incollalo nel modulo di configurazione del modulo.
Personalizzazione semplice delle variabili LESS
Dopo l'installazione del font puoi sostituire rapidamente il nome del font nella variabile LESS, ad es.:
@font-family-name__base: 'Roboto';
In questo modo il nuovo font verrà applicato all'intero template.
Interfaccia semplice e intuitiva
Il modulo è progettato affinché la sua configurazione sia semplice anche per chi non ha esperienza di programmazione.
Compatibilità con Magento 2
Il modulo funziona su Magento nella versione 2.4.7 e precedenti.
Disponibile nel pacchetto Kowal Theme
Il modulo è disponibile come parte di Kowal Theme, il che lo rende una scelta ideale per gli utenti che utilizzano questo template.
Modalità di implementazione del modulo
Installazione del modulo
Installa il modulo nel tuo negozio Magento 2 seguendo le istruzioni disponibili nella documentazione del modulo.
Configurazione del font
Accedi al pannello di amministrazione Magento 2.
Vai alla sezione di configurazione del modulo, ad es. Kowal Google Fonts.
Copia il codice di incorporamento del font da Google Fonts e incollalo nel campo appropriato.
Salva le modifiche.
Sostituzione delle variabili LESS
Apri i file LESS del tuo template.
Trova la variabile @font-family-name__base e aggiornala inserendo il nome del font installato.
Esegui la ricompilazione dei file LESS affinché le modifiche siano visibili.
Verifica del funzionamento
Apri il frontend del negozio per verificare che il nuovo font sia stato implementato correttamente.
Aspetto del negozio e pacchetto Kowal Theme
Perché scegliere il modulo Kowal Google Fonts Installer?
Grazie a questo modulo puoi adattare facilmente l'aspetto visivo del tuo negozio Magento 2, migliorando l'esperienza utente e aumentando l'estetica del sito. Il modulo consente di risparmiare tempo eliminando la necessità di aggiungere manualmente il codice nei file del template.
Acquista ora in pacchetto con il template Kowal Theme e ottieni accesso a questo e a molti altri strumenti utili che migliorano il funzionamento del tuo negozio Magento 2!
Caricamento del font e impostazioni del tema
In Stores → Configuration → Kowal → kowalfonts → settings attivi il modulo e salvi il codice Google Fonts. Le impostazioni funzionano nell'ambito della vista negozio. Il modulo passa il codice salvato all'intestazione della pagina.
L'assegnazione del font agli elementi del negozio avviene negli stili del tema. Per i temi che utilizzano LESS, modifichi @font-family-name__base e ricompili gli stili; i temi con un sistema di stili diverso richiedono la configurazione appropriata per il loro ambiente. Il modulo non scarica automaticamente i file dei font per l'hosting locale.
Installazione tramite Composer
Pacchetto: kowal/module-fonts; modulo: Kowal_Fonts. Dopo aver configurato l'accesso al repository Kowal, installa il pacchetto, attiva il modulo, esegui l'aggiornamento di Magento e svuota la cache. Per la modalità di produzione, includi la compilazione e il deploy dei contenuti statici secondo il processo del negozio.
Dalla configurazione al risultato
1. Scegli il font In Google Fonts prepari il codice di incorporamento del font selezionato.
2. Salvi la configurazione Attivi il modulo e incolli il codice nel campo google_fonts.
3. Configuri il tema Assegni la famiglia di font negli stili e distribuisci le modifiche.
Un solo font, una presentazione coerente
Esempio per un tema LESS: aggiungi il codice di incorporamento di Roboto, quindi imposti @font-family-name__base: 'Roboto'; negli stili del tema.
Dopo la ricompilazione e il deploy dei contenuti statici, controlli i titoli e i testi del negozio. Il modulo aggiunge il codice del font, mentre l'aspetto degli elementi è definito dal tema.
Aggiungi il repository composer alla configurazione:
I dati di accesso al repository Composer, indirizzo e-mail del cliente e token di licenza, ti saranno inviati via e-mail dopo l'acquisto. Sono disponibili anche nel pannello cliente dopo l'accesso su kowal.store. Sostituisci TWOJ_EMAIL_KLIENTA con l'indirizzo e-mail del tuo account e TWOJ_TOKEN con il token ricevuto. Esegui i comandi nella directory principale di Magento.
Il modulo consente di aggiungere facilmente font da Google Fonts a un negozio basato su Magento 2 senza modificare manualmente il tema?
Risposta
Sì — il modulo consente di selezionare i font Google Fonts nel pannello di amministrazione e di abilitarli automaticamente nel negozio, senza dover modificare direttamente i file del tema.
Domanda
Posso scegliere famiglie di caratteri specifiche e varianti (“light”, “bold”, “italic”) nella configurazione del modulo?
Risposta
Sì — il modulo di solito offre la possibilità di scegliere la famiglia di caratteri e assegnarla a una classe CSS o a un’area del negozio, e consente di specificare le varianti del carattere (peso, stile).
Domanda
L’installazione del modulo richiede la modifica dei file core di Magento o del template?
Risposta
No — il modulo funziona come un’estensione conforme all’architettura di Magento 2 e non richiede la sovrascrittura dei file core del sistema né interventi profondi sul tema.
Domanda
Dopo aver installato il modulo, posso assegnare un font a diverse parti del negozio (intestazioni, contenuto, pulsanti)?
Risposta
Sì — la configurazione del modulo consente di assegnare i font a diverse aree del negozio, come intestazioni, testi dei contenuti o pulsanti, permettendo di adattare la tipografia allo stile del brand.
Domanda
Il modulo supporta negozi con più viste negozio (“multi-store”)?
Risposta
Sì — il modulo può essere utilizzato in un ambiente Magento 2 con più store view o negozi, e le configurazioni dei font possono essere indipendenti per le diverse viste negozio.
Domanda
L’aggiunta di font Google Fonts può influire sulla velocità di caricamento del negozio e il modulo ne tiene conto?
Risposta
Sì — il caricamento dei font da un servizio esterno può influire sulle prestazioni. Il modulo di solito include raccomandazioni oppure opzioni di ottimizzazione (ad es. caricamento asincrono dei font, limitazione del numero di varianti). È sempre consigliabile testare il negozio dopo l’installazione.
Domanda
Posso impostare un font di sistema di fallback se Google Fonts non si carica correttamente?
Risposta
Sì — le buone pratiche tipografiche suggeriscono di impostare un font di riserva (“fallback”) e il modulo di solito consente di assegnare un set di font in stile CSS con fallback.
Domanda
Il modulo tiene conto delle questioni relative alla privacy e al GDPR durante il caricamento dei font da Google?
Risposta
Sì — sebbene il modulo permetta di aggiungere facilmente Google Fonts, è necessario tenere presenti gli aspetti legali — ad esempio, il caricamento dei font dal CDN di Google può, in determinate circostanze, richiedere il consenso dell’utente o l’hosting locale dei font.
Domanda
Posso usare i file dei font localmente invece di caricarli direttamente da Google?
Risposta
Sebbene la funzionalità principale del modulo sia incentrata su Google Fonts, a seconda della documentazione potrebbe essere possibile configurare font locali: vale la pena verificarlo con il produttore.
Domanda
Dopo l’acquisto del modulo ricevo supporto tecnico e aggiornamenti?
Risposta
Sì — offriamo supporto tecnico e accesso agli aggiornamenti per i moduli.
