---
title: Utiliser Font Awesome dans les CTA
description: Découvrez comment utiliser Font Awesome dans un CTA HubSpot.
---

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

# [Utiliser Font Awesome dans les CTA](https://knowledgeqa.hs-sites.com/fr/cta/how-do-i-use-font-awesome-in-my-cta)

 Rédigé par [HubSpot Support](https://knowledgeqa.hs-sites.com/fr/author/hubspot-support) | 7 Jul 2020 à 4:00:00

Après avoir [installé Font Awesome dans HubSpot](https://knowledgeqa.hs-sites.com/fr/articles/kcs_article/cos-general/how-to-install-font-awesome), vous pouvez l'utiliser dans vos CTA.

- Depuis votre compte HubSpot, accédez à **Marketing** > **Capture de leads** > **CTA**.
- Dans le coin supérieur droit, cliquez sur **Créer un CTA** ou survolez un **CTA** existant, puis cliquez sur le menu déroulant **Actions** et sélectionnez **Modifier**.
- Dans le volet de droite, dans l'éditeur de texte enrichi, cliquez sur l'**icône du code source** code.

**Note :** <i class=...> les éléments ne peuvent pas être utilisés avec le code source des éditeurs de texte enrichi de HubSpot.  Lorsque vous utilisez des icônes Font Awesome, il est recommandé d'utiliser des balises <span> comme dans l'exemple ci-dessous.

```
<h2>Font Awesome Icons Example</h2><ul class="fa-ul"><li><span class="fa-twitter fa"></span>Twitter Icon</li><li><span class="fa-list-ul fa"></span>List Icon</li><li><span class="fa fa-camera-retro fa-lg fa"></span>Camera Icon</li></ul>
```

- Saisissez votre code pour votre icône Font Awesome, ainsi que votre texte, puis cliquez sur **Enregistrer les modifications**.
- Cliquez sur **Suivant**, puis cliquez sur **Enregistrer**.

[Voir l'article complet](https://knowledgeqa.hs-sites.com/fr/cta/how-do-i-use-font-awesome-in-my-cta)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "HubSpot Support"
  },
  "dateModified" : "2020-07-08T14:46:14.934Z",
  "datePublished" : "2020-07-07T04:00:00Z",
  "headline" : "Utiliser Font Awesome dans les CTA",
  "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/cta/how-do-i-use-font-awesome-in-my-cta",
  "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"
  }
}
```