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
- Trouvez la feuille de style appliquée à vos pages et ouvrez le fichier dans votre gestionnaire de conception.
- Copiez 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.
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.