Aggiungere Google Fonts alle pagine e alle CTA
Ultimo aggiornamento: gennaio 27, 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 da 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 linea 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.
h1 { font-family: 'Comic Neue', corsivo; }
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 diGoogle Fonts.
- Nel tuo account HubSpot, naviga su Marketing > Acquisizione lead > CTA.
- Passa con il mouse sul CTA che vuoi modificare, quindi fai clic sul menu a discesa Azioni e seleziona Modifica.
- 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.
Contenuti correlati
-
Riprogettare e rilanciare il tuo sito con la messa in scena dei contenuti
Con lo strumento di staging dei contenuti, puoi riprogettare e rilanciare il tuo sito web e le tue landing...
Knowledge base -
Escludi il traffico dalle analisi del tuo sito
Dopo aver collegato il tuo dominio a HubSpot o aver installato il codice di monitoraggio HubSpot sul tuo sito...
Knowledge base -
Impostare il single sign-on (SSO) per accedere ai contenuti privati
Single sign-on (SSO) è un modo per accedere a diverse applicazioni in modo sicuro con un nome utente e una...
Knowledge base