Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
CMS-General

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

Dernière mise à jour: décembre 20, 2018

Disponible avec :

Hub Marketing Professional, Enterprise
Basique
HubSpot CMS

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. 

Image ajoutée par l'utilisateur

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