Come caricare e usare font personalizzati
Website Builder di SiteGround offre una selezione di font preimpostati, personalizzabili e facilmente modificabili. Tuttavia, questi potrebbero non essere sempre sufficienti e potresti voler usare un font personalizzato che non è disponibile nella libreria di font di sistema.
Per aiutarti a capire come caricare e usare i font personalizzati, abbiamo preparato questa guida rapida. Ecco i passaggi.
Caricare font personalizzati
- Accedi al SiteGround Website Builder, vai su Site Admin e clicca su Modifica Sito Web.
- Dal menu a sinistra, scegli Stile e poi Tipografia.
- Apparirà una nuova scheda del font. Clicca sul link Carica Font.
- Carica il file del tuo font.
Ci sono due modi per aggiungere un nuovo font:
- Trascina e rilascia un file WOFF2 direttamente nell’area di caricamento.
- Oppure clicca su Sfoglia File per selezionare il file del font dalle tue cartelle locali.
Dopo un caricamento riuscito, il font apparirà come una nuova tessera nella libreria. Vedrai un’anteprima dei caratteri “Aa” visualizzati con quel font insieme al nome del file.
Tuttavia, ci sono diverse cose importanti da tenere a mente.
- Se il nome del font esiste già
Se carichi un file con lo stesso nome di un altro font nella tua libreria, il builder mostrerà un box di messaggio Sostituisci Font, chiedendoti se vuoi sovrascrivere il file esistente. Seleziona Sostituisci per aggiornare il font o Annulla per mantenere la versione esistente e scartare il nuovo caricamento.
- Se il nome del font è in conflitto con un font di sistema
Non puoi caricare un font personalizzato che ha lo stesso nome di una famiglia di font di sistema esistente. Ad esempio, se Roboto è già disponibile come font di sistema, caricare un file chiamato Roboto-Bold.woff2 non è consentito. Puoi comunque caricare un font appartenente a una variante di larghezza diversa della stessa famiglia, ad esempio RobotoCondensed-Bold.woff2, poiché il builder la considera una famiglia distinta.
Come applicare il tuo font personalizzato a un’intestazione o stile di testo
- Dopo aver caricato il tuo font personalizzato, chiudi la scheda I Miei Font.
- Vai alla sezione Stile > Tipografia > Personalizza Tipografia.
- Clicca su qualsiasi intestazione per aprire il dialogo Modifica Intestazione.
- Un menu a tendina fornirà due opzioni – I MIEI FONT e FONT DI SISTEMA.
- I tuoi font personalizzati saranno sotto I MIEI FONT. Clicca su quello che vuoi applicare.
Per tua comodità, l’anteprima a destra si aggiorna in tempo reale, così puoi vedere come apparirà il tuo testo quando applichi il font. Puoi anche regolare la dimensione, il peso e l’altezza della linea dallo stesso pannello.
Se hai caricato più file dalla stessa famiglia di font, saranno raggruppati insieme con le loro variazioni di peso o stile disponibili mostrate come opzione selezionabile all’interno della stessa voce.
Ecco fatto. Le modifiche verranno applicate automaticamente a tutto il tuo sito.
