---
title: Utiliser Typekit avec HubSpot
description: Instructions pour l'utilisation d'Adobe Typekit avec votre site web hébergé par HubSpot.
---

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

# [Utiliser Typekit avec HubSpot](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/cos-general/how-do-i-use-typekit-with-hubspot)

 Rédigé par [HubSpot Support](https://knowledgeqa.hs-sites.com/fr/author/hubspot-support) | 4 Jun 2019 à 12:21:11

[Adobe Typekit](http://www.typekit.com) est une bibliothèque de polices avec abonnement qui donne accès à différentes polices pour votre site web. Suivez les instructions ci-dessous pour utiliser Typekit avec HubSpot :

- Dans Typekit, [ajoutez la police que vous souhaitez utiliser à un kit existant ou nouveau.](https://helpx.adobe.com/typekit/using/add-fonts-website.html) 
- Cliquez sur **Kits **et sélectionnez le kit auquel vous avez ajouté la police.
- Cliquez sur **Paramètres du kit**.

****

- Saisissez le **domaine** suivi d'une virgule, puis ajoutez **preview.hs-sites.com**. L'ajout de ce domaine permet d'afficher les polices Typekit dans l'aperçu du Gestionnaire de conception. Si vous prévoyez d'utiliser cette police sur d'autres domaines connectés à HubSpot, ajoutez également ces domaines.
- Cliquez sur **Enregistrer les paramètres**.

- Cliquez sur **Publier**. 

- Cliquez sur **Code d'intégration**.

- Copiez le code.

- Si vous souhaitez appliquer le script Typekit à l'ensemble du site hébergé par HubSpot, accédez aux paramètres. Depuis votre compte HubSpot, accédez à **l'icône Paramètres** settings dans l'angle supérieur droit. Dans le menu latéral de gauche, accédez à** Site web**** ****>**** Pages**. Faites défiler la page jusqu'à *Code HTML de l'en-tête du site*. [Collez le script au début du champ Code 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). Cliquez sur** Enregistrer**.
- Si vous souhaitez uniquement ajouter le script à la mise en page d'un modèle spécifique dans HubSpot, accédez au gestionnaire de conception. Depuis votre compte HubSpot, accédez à **Marketing** > **Fichiers et modèles** > **Outils de conception**.Ouvrez le modèle à modifier, puis collez le code d'intégration dans le champ *Balisage supplémentaire*** **de l'inspecteur. Cliquez sur **Publier les modifications** pour les appliquer.
- Enfin, [mettez à jour la feuille de style HubSpot](https://knowledgeqa.hs-sites.com/design-manager-user-guide-v2/how-to-create-edit-and-attach-css-files-to-style-your-site) pour indiquer la famille de polices spécifiée dans Typekit. 

[Voir l'article complet](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/cos-general/how-do-i-use-typekit-with-hubspot)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "HubSpot Support"
  },
  "dateModified" : "2020-06-04T13:15:31.713Z",
  "datePublished" : "2019-06-04T12:21:11Z",
  "headline" : "Utiliser Typekit avec 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/articles/kcs_article/cos-general/how-do-i-use-typekit-with-hubspot",
  "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"
  }
}
```