Ajouter des polices Google Fonts aux pages et aux CTA
Dernière mise à jour: octobre 19, 2020
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.
Ajoutez une police Google à vos pages HubSpot
- Dans votre compte HubSpot, recherchez la feuille de style appliquée à vos pages et ouvrez le fichier dans votre gestionnaire de conception.
- Collez le code @import sur la première ligne de votre fichier CSS. Il doit absolument être intégré en haut de votre feuille de style CSS.
- 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.
Articles similaires
-
Exportez votre contenu et vos données
Exportez vos contenus et données HubSpot depuis votre compte, notamment les pages, les contacts et les...
Base de connaissances -
Personnaliser votre contenu
Grâce aux jetons de personnalisation, vous pouvez afficher du contenu personnalisé aux contacts de votre base...
Base de connaissances -
Ajouter des vidéos à votre contenu HubSpot
Vous pouvez ajouter HubSpot Video à votre contenu sur vos pages, articles de blog et articles de base de...
Base de connaissances