Comment ajouter des polices Google à des pages et CTA HubSpot ?

Rédigé par HubSpot Support | 7 Jul 2020 à 4:00:00

Les balises de lien de police Google peuvent être appliquées à une page spécifique ou à toutes vos pages dans vos paramètres en utilisant le champ HTML de l'en-tête. Si vous êtes capable de modifier le CSS, vous pouvez ajouter le code @import en haut d'un fichier CSS spécifique.

En premier lieu, obtenez le script de la police Google sur Google :

Copiez le script de votre police Google

  • Accédez au site fonts.google.com et choisissez la police de caractères voulue.
  • Cliquez sur l'icône + à côté du nom de la police.

  • Cliquez sur la barre 1 Famille choisie qui apparaît au bas de l'écran.
  • Si vous souhaitez importer des styles ou des tailles de cette famille de police, sélectionnez l'onglet Personnaliser et utilisez les cases à cocher.

  • Sélectionnez l'onglet @import et copiez le script fourni par Google, par exemple : @import url (http://fonts.googleapis.com/css?family=Open+Sans);

Une fois le code copié, vous pouvez revenir sur HubSpot pour appliquer votre police Google.

Ajoutez une police Google à vos pages HubSpot

  • Appliquez la police Google à tous les sélecteurs CSS souhaités comme indiqué dans l'exemple ci-dessous. 

Ajoutez une police Google à vos CTA

  • Copiez le code Spécifier dans la CSS depuis les polices Google.

  • Depuis votre compte HubSpot, accédez à Marketing > Capture de leads > CTA.
  • Passez le curseur sur le CTA auquel vous souhaitez ajouter cette police et cliquez sur Actions > Modifier
  • Cliquez sur Options avancées pour ouvrir plus d'options.
  • Ajoutez le code Spécifier dans le code CSS depuis Google Fonts à la section personnaliser CSS. Vous verrez que la police Google est appliquée à votre CTA dès que vous saisirez ce CSS. 

  • Cliquez sur Suivant dans l'angle inférieur droit pour finaliser les détails de votre CTA, puis cliquez sur Enregistrer