---
title: Comment ajouter des polices Google à des pages et CTA HubSpot ?
description: Découvrez comment obtenir votre code d'importation de police Google pour l'ajouter à vos feuilles de style CSS, à vos pages et à vos CTA.
---

<https://knowledgeqa.hs-sites.com/fr>

# [Comment ajouter des polices Google à des pages et CTA HubSpot ?](https://knowledgeqa.hs-sites.com/fr/cos-general/how-do-i-add-google-fonts-to-my-new-landing-pages)

 Rédigé par [HubSpot Support](https://knowledgeqa.hs-sites.com/fr/author/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](https://knowledgeqa.hs-sites.com/articles/kcs_article/cos-general/how-can-i-add-code-snippets-to-the-head-and-footer-html-of-my-pages). Si vous êtes capable de modifier le CSS, vous pouvez ajouter le code @import en haut d'un [fichier CSS spécifique](https://knowledgeqa.hs-sites.com/design-manager-user-guide-v2/how-to-create-edit-and-attach-css-files-to-style-your-site).

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](https://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](https://knowledgeqa.hs-sites.com/articles/kcs_article/cos-pages-editor/how-can-i-find-the-stylesheet-applied-to-my-page) et [ouvrez le fichier dans votre gestionnaire de conception](https://knowledgeqa.hs-sites.com/design-manager-user-guide-v2/how-to-create-edit-and-attach-css-files-to-style-your-site).
- 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**. 

[Voir l'article complet](https://knowledgeqa.hs-sites.com/fr/cos-general/how-do-i-add-google-fonts-to-my-new-landing-pages)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "HubSpot Support"
  },
  "dateModified" : "2020-07-08T15:13:00.094Z",
  "datePublished" : "2020-07-07T04:00:00Z",
  "headline" : "Comment ajouter des polices Google à des pages et CTA HubSpot ?",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://knowledgeqa.hs-sites.com/fr/cos-general/how-do-i-add-google-fonts-to-my-new-landing-pages",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "FR | Knowledge Quick Answers"
  }
}
```