Aggiungi Google Fonts su RevasOS

Incorporare i font di Google Fonts nel tuo sito creato con RevasOS è semplice e ti permette di personalizzare l'aspetto del tuo sito con una vasta gamma di stili tipografici. Segui i passaggi qui sotto.

Attenzione alla privacy

Quando aggiungi script di terze parti, come Google Fonts, che caricano risorse esterne, è importante assicurarti che il tuo sito sia conforme alle normative sulla privacy, come il GDPR. Assicurati di avere attiva la gestione dei consensi tramite una piattaforma come Iubenda.

Ottieni il Codice di Google Fonts

1. Accedi a Google Fonts: Vai su Google Fonts.
2. Seleziona il font: Scegli il font che desideri utilizzare. Puoi esplorare la vasta libreria di font e scegliere quelli che meglio si adattano al tuo design.
3. Personalizza il font:
   • Seleziona i pesi e gli stili che desideri (ad esempio, Regular, Bold, Italic).
4. Ottieni il codice embed: Dopo aver selezionato il font, clicca su Select this style, poi vai alla sezione Embed e copia il codice che inizia con <link> (per i font web).

---

Inserisci il Codice su RevasOS

Per aggiungere il codice su RevasOS:

1. Vai nella Dashboard del tuo sito web.
2. Clicca su Impostazioni > Codice personalizzato.
3. Incolla il codice copiato da Google Fonts nel campo Codice HEAD.
4. Clicca su Salva per applicare le modifiche.

Se desideri usare il font in specifici blocchi, puoi anche aggiungere il codice nella sezione Nuovo blocco di codice e inserire la regola CSS per applicarlo.

---

Applicare i Font

Se desideri applicare il font a tutto il sito o a selettori specifici, puoi creare un tag <style> che trasforma il font di tutto il sito, oppure solo dei titoli o di alcune sezioni specifiche.

Per aggiungere il tag <style>:

1. Vai nella Dashboard del tuo sito web.
2. Clicca su Impostazioni > Codice personalizzato.
3. Incolla il codice copiato da Google Fonts nel campo Codice HEAD.
4. Clicca su Salva per applicare le modifiche.

Cambia il font a tutto il testo:

Per applicare il font a tutto il sito, puoi utilizzare l'asterisco (*) per selezionare tutti gli elementi. Aggiungi il seguente codice nel blocco di codice HTML:

1. Vai nella Dashboard del tuo sito web.
2. Clicca su Impostazioni > Codice personalizzato.
3. Inserisci il seguente codice nel campo Codice HEAD, sostituendo 'NomeDelFont' con il nome del font scelto da Google Fonts:

<style>
    * {
    font-family: 'NomeDelFont', sans-serif;
    }
</style>

4. Clicca su Salva per applicare le modifiche.

Cambia il font solo ai titoli

1. Vai nella Dashboard del tuo sito web.
2. Clicca su Impostazioni > Codice personalizzato.
3. Inserisci il seguente codice nel campo Codice HEAD, sostituendo 'NomeDelFont' con il nome del font scelto da Google Fonts:

  <style>
h1, h2, h3 {
  font-family: 'NomeDelFont', sans-serif;
}
</style>

4. Clicca su Salva per applicare le modifiche.

Cambia il font solo ad elementi specifici:

1. Vai nella Dashboard del tuo sito web.
2. Clicca su Impostazioni > Codice personalizzato.
3. Inserisci il seguente codice nel campo Codice HEAD, sostituendo 'NomeDelFont' con il nome del font scelto da Google Fonts:

<style>
.DefaultBlock--title, .MainBlock--title {
font-family: 'NomeDelFont', sans-serif;
}
</style>