Salta al contenuto
Nota bene: la traduzione in olandese di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
Landing Pages

Aggiungere Google Fonts alle pagine e alle CTA

Ultimo aggiornamento: gennaio 27, 2021

Si applica a:

Marketing Hub  Professional, Enterprisee
CMS Hub  Professional, Enterprisee
Legacy Marketing Hub Basic

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.

import-google-fonts-to-stylesheet

Aggiungi Google Font alle tue pagine HubSpot

  • 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.