Ignorer et passer au contenu principal
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.
Landing Pages

Ajouter des polices Google Fonts aux pages et aux CTA

Dernière mise à jour: octobre 15, 2021

Disponible avec :

Marketing Hub Pro, Entreprise
CMS Hub Starter, Pro, Entreprise
Ancienne version Marketing Hub Basique

Vous pouvez ajouter des balises de lien de police Google Fonts à une ou plusieurs pages dans vos paramètres ou dans 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.

Remarque : Si vous créez du contenu à l'aide d'un thème, vous pouvez choisir n'importe quelle police Google directement dans les paramètres de votre thème. Toutes les polices Google Fonts sont également prises en charge dans les modèles de démarrage dans l'onglet Conception.

Copier le script de votre police Google Fonts

Tout d'abord, copiez le script de votre police souhaitée à partir de Google Fonts.

  • Accédez à fonts.google.com.
  • Dans la barre de recherche, recherchez le nom de police souhaité.
  • Cliquez sur le nom de la police pour afficher la liste complète des styles qui peuvent être importés.
  • Cliquez sur + Sélectionner ce style à côté de chaque style que vous souhaitez importer depuis cette police.
  • Dans le panneau de droite, sélectionnez l'onglet Intégrer, puis sélectionnez @import.
  • Copier le script @import fourni par Google, sans la balise <style>. Ajoutez ce script en haut de votre feuille de style dans votre compte HubSpot.
  • Puis, appliquez ces polices à des sélecteurs CSS spécifiques sur votre feuille de style HubSpot à l'aide des règles CSS permettant de spécifier les familles de polices Google Fonts.

import-google-fonts-to-stylesheet

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. 

h1 {
font-family: 'Comic Neue', cursive;
}

Ajouter votre police Google à un CTA

Vous pouvez ajouter une police Google à un CTA personnalisé dans votre compte. Cette option n'est pas disponible pour un CTA image.

  • Copiez le code Spécifier dans le CSS depuis Google Fonts.
  • Depuis votre compte HubSpot, accédez à Marketing > Capture de leads > CTA.
  • Passez le curseur de la souris sur le CTA que vous souhaitez modifier, puis cliquez sur le menu déroulant Actions et sélectionnez Modifier
  • En bas de l'éditeur de CTA dans le panneau de droite, cliquez sur Options avancées.
  • Dans le champ de texte CSS personnalisée, collez le code à partir des règles CSS pour spécifier les familles de polices Google Fonts. La police Google s'applique à votre CTA dès que vous saisissez ce code CSS. 

  • Cliquez sur Suivant dans l'angle inférieur droit pour finaliser les détails de votre CTA. Cliquez ensuite sur Enregistrer pour appliquer vos modifications.