Ultimo aggiornamento: agosto 3, 2021
Puoi aggiungere i tag di collegamento a Google Font a una o a tutte le pagine nelle tue impostazioni, o nel campo HTML dell'intestazione. Se sei a tuo agio nel modificare il CSS, potresti aggiungere il codice @import all'inizio di unfile CSS specifico.
Nota bene: se stai creando contenuti utilizzando un tema, puoi scegliere qualsiasi Google Font direttamente nelle impostazioni del tema. Tutti i Google Font sono supportati anche nei modelli di avvio nella scheda Design.
Copia lo script del tuo Google Font
Per prima cosa, copia lo script per il tuo font desiderato da Google Fonts.
- Vai su fonts.google.com.
- Nella barra di ricerca, cerca il nome del fontdesiderato.
- Fai clic sul nome del font per visualizzare un elenco completo degli stili disponibili per l'importazione.
- Fai clic su + Seleziona questo stile accanto a ogni stile che vuoi importare da questo font.
- Nel pannello di destra, seleziona la scheda Embed, quindi seleziona @import.
- Copia lo script @import fornito da Google, senza il tag <style>. Aggiungerai questo script all'inizio del tuo foglio di stile nel tuo account HubSpot.
- Successivamente, applicherai questi font a specifici selettori CSS sul tuo foglio di stile HubSpot utilizzando le regole CSS per specificare le famiglie di Google Fonts.
Aggiungi Google Font alle tue pagine HubSpot
- Nel tuo account HubSpot, individua il foglio di stile applicato alle tue pagine e apri il file nel tuo design manager.
- Incolla il codice @import sulla prima riga del tuo file CSS. Deve essere all'inizio del tuo foglio di stile CSS.
- Applica il Google Font a qualsiasi selettore CSS desiderato, come mostrato nell'esempio qui sotto.
Aggiungi il tuo font di Google a un CTA
Puoi aggiungere un font di Google a una CTA personalizzata nel tuo account. Questa opzione non è disponibile per un'immagine CTA.
- Copia ilcodiceSpecifyin CSS daGoogle Fonts.
- Nel tuo account HubSpot, naviga su Marketing > Acquisizione lead > CTA.
- Passare il mouse sul CTA che si desidera modificare, quindi fare clic sul menu a discesa Actions e selezionare Edit.
- In fondo all'editor CTA nel pannello di destra, clicca su Advanced options.
- Nel campo ditesto CSS personalizzato, incolla il codice delle regole CSS per specificare le famiglie di Google Fonts. Vedrai il font di Google applicato al tuo CTA non appena avrai inserito questo CSS.
- Clicca su Nextnell' angolo in basso a destra per finalizzare i dettagli del tuo CTA. Poi clicca su Save per applicare le tue modifiche.
