Cambia il font dei titoli

Aggiungi un secondo font

Per prima cosa, bisogna aggiungere al sito web il link a un font da usare come font secondario.

📖 Aggiungi un font di Google

📖 Aggiungi un font di Adobe

Una volta aggiunto il riferimento a un nuovo font, puoi decidere se applicare il font diverso a tutti i titoli del sito web o solo a sezioni specifiche.

Applica a tutti i titoli

1. Vai homepage dei progetti web e clicca Impostazioni poi Iniezione codice,
2. Copia e incolla questo codice nel box "Codice tag <head/>":

       <style>
           .OverrideDefaultBlockItem--title,
           .OverrideMainBlockItem--title,
           .OverrideMainItem--title,
           .OverrideGridBlockItem--title,
           .OverrideColumnBlockItem--title,
           .OverrideLinearBlockItem--title,
           .OverrideFeedPageHeader--title,
           .OverrideContentPageHeader--title,
           .OverrideFeedBlockItem--title {
               font-family: "Inter", serif;
           }
       </style>

3. Cambia il valore di "Inter", serif con il nome della famiglia di font che hai installato,
4. Clicca la spunta per confermare che il codice è sicuro e poi clicca "Salva".

Applica a sezioni specifiche

1. Crea una sezione in una pagina,
2. Inserisci il testo del titolo e salva,
3. Clicca il pulsante con l'icona della tabella accanto alla sezione,
4. Clicca "Aggiungi" e inserisci nel campo "Chiave" la voce class e poi nel campo "Valore" la voce CustomHeading e clicca "Salva",
5. Torna alla homepage dei progetti web e clicca Impostazioni poi Iniezione codice,
6. Copia e incolla questo codice nel box "Codice tag <head/>":

       <style>
           .CustomHeading .OverrideDefaultBlockItem--title,
           .CustomHeading .OverrideMainBlockItem--title,
           .CustomHeading .OverrideMainItem--title,
           .CustomHeading .OverrideGridBlockItem--title,
           .CustomHeading .OverrideColumnBlockItem--title,
           .CustomHeading .OverrideLinearBlockItem--title,
           .CustomHeading .OverrideFeedPageHeader--title,
           .CustomHeading .OverrideContentPageHeader--title,
           .CustomHeading .OverrideFeedBlockItem--title {
               font-family: "Inter", serif;
           }
       </style>

7. Cambia il valore di "Inter", serif con il nome della famiglia di font che hai installato,
8. Clicca la spunta per confermare che il codice è sicuro e poi clicca "Salva".