Anche con il piano gratuito di PageFly, puoi caricare i tuoi font e usarli nei tuoi design. Questa funzione torna molto utile se desideri un font giapponese non presente su Google Fonts o un carattere specifico per la tua brand identity.
Formati di font supportati
PageFly supporta quattro formati di font:
.TTF(TrueType Font).OTF(OpenType Font).WOFF(Web Open Font Format).WOFF2(Web Open Font Format 2)
Qualsiasi file tu carichi verrà convertito automaticamente in WOFF2. Il formato WOFF2 offre la migliore compressione tra tutti i formati per il Web, riducendo al minimo l’impatto sulla velocità di caricamento della pagina.
Nota: Se utilizzi il piano di prova (Trial Plan) di Shopify, non potrai caricare font: si tratta di una restrizione sui formati di file imposta da Shopify, non da PageFly.
Passaggio 1: Carica il tuo font
Dalla dashboard di PageFly, apri Extra functions (Funzioni extra), quindi fai clic su Manage (Gestisci) accanto a Uploaded Fonts (Font caricati).
Una volta aperto il gestore dei font, fai clic su Upload font (Carica font) e seleziona il tuo file. Se necessario, puoi caricare più font contemporaneamente.
Dopo il caricamento, PageFly convertirà il file in WOFF2 in background. A seconda delle dimensioni del file e della tua connessione, l’operazione potrebbe richiedere un momento: non appena il font apparirà nell’elenco come nell’immagine sottostante, sarà pronto per l’uso.
Passaggio 2: Applica il font personalizzato nell’editor
Una volta caricato il font, apri l’editor di PageFly. Seleziona l’elemento di testo che desideri modificare, quindi nel pannello delle impostazioni sulla destra vai su:
Styling → Font Family → Uploaded Fonts
Spunta la casella relativa al font che desideri utilizzare e questo verrà applicato immediatamente all’elemento di testo.
Come puoi vedere qui sotto, i font giapponesi caricati vengono visualizzati correttamente anche nella pagina live.
Gestire i font in tutto il negozio con gli Stili Globali (Global Styles)
Se desideri utilizzare un font in modo coerente in tutto il negozio, impostarlo tramite i Global Styles (Stili globali) è la soluzione più efficiente. Configuralo una sola volta e lo stesso font verrà applicato automaticamente a intestazioni, testo del corpo e pulsanti su ogni pagina, mantenendo il design coerente senza sforzi extra.
Passaggi per la configurazione
- Da Extra functions, fai clic su Manage accanto a Global Styles.
- Fai clic su Typography (Tipografia), quindi vai sulla scheda Styling → Font Family.
- Fai clic sull’icona delle impostazioni, seleziona Uploaded Fonts e scegli il font che desideri utilizzare.
- Assegna i font in base al tipo di tipografia: intestazioni (da H1 a H6), testo del corpo, pulsanti e così via.
- Una volta terminato, fai clic su Publish (Pubblica) per salvare le modifiche.
I font registrati nei Global Styles saranno disponibili come opzioni anche all’interno dell’editor in futuro, così non dovrai cercarli manualmente ogni volta che crei una pagina.
Domande Frequenti (FAQ)
D: Posso usare un font personalizzato nell’editor subito dopo averlo caricato?
R: Non esattamente: devi prima aggiungerlo ai Global Styles. Una volta registrato lì, comparirà come opzione nel selettore dei font dell’editor.
D: Posso invece aggiungere i font tramite codice personalizzato?
R: Tecnicamente sì, ma non è consigliato perché può rallentare la pagina. Usare la funzione integrata di caricamento dei font è l’opzione più sicura, sia per le performance che per una migliore gestibilità. Se in passato avevi aggiunto un font tramite codice personalizzato, ti consigliamo di rimuoverlo e passare alla funzione di caricamento.
D: Se elimino un font personalizzato attualmente in uso, la pagina si romperà?
R: No, le pagine pubblicate non subiranno interruzioni. Qualsiasi elemento che perde il proprio font erediterà semplicemente quello impostato sul rispettivo contenitore principale (parent container).
Conclusione
La funzionalità per i font personalizzati di PageFly è disponibile fin dal piano gratuito e supporta un’ampia gamma di formati, inclusi i font giapponesi. Vale sicuramente la pena utilizzarla se desideri un’identità visiva coerente o hai bisogno di un carattere specifico non disponibile su Google Fonts.
Come regola generale: registra un font nei Global Styles se vuoi che venga utilizzato in modo uniforme in tutto il negozio, oppure impostalo direttamente nell’editor se desideri modificare il font di una pagina specifica.
