---
title: Comment changer la police
slug: comment-changer-la-police
description: Apprenez comment changer facilement la police de votre collection publiée grâce à nos instructions étape par étape. Améliorez l’apparence et le style de votre collection en référençant et en ajoutant le lien de la police dans le CSS personnalisé sous l’on
docTags: 
createdAt: 2022-02-11T08:06:27.000Z
---

Lorsque vous publiez une collection, vous pouvez contrôler son apparence en ajoutant [CSS personnalisé](docId:6z-uqEYC9w-bsvxAYCzR3) dans la section [Code personnalisé](docId\:QiOKnznumCn1uKPKcRNWQ).

Lorsque vous souhaitez changer la police qui se charge sur le site de production, vous avez 2 options :

## 1. Utiliser Google Fonts&#x20;

::::WorkflowBlock
:::WorkflowBlockItem
Cliquez sur l’icône d’engrenage ⚙️ pour ouvrir les **Paramètres de l’espace**
:::

:::WorkflowBlockItem
Recherchez l’onglet **Apparence** dans la fenêtre modale Paramètres de l’espace
:::

:::WorkflowBlockItem
Faites défiler jusqu’à **Polices personnalisées&#x20;**&#x65;t activez l’option
:::

:::WorkflowBlockItem
Choisissez la police souhaitée et les changements seront enregistrés automatiquement
:::
::::

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/nbN4MagEC7RqaC0FLQa16_guides-gfonts-light.png)

## 2. Utiliser du CSS personnalisé pour référencer la police&#x20;

::::WorkflowBlock
:::WorkflowBlockItem
Cliquez sur l’icône d’engrenage ⚙️ pour ouvrir les **Paramètres de l’espace**
:::

:::WorkflowBlockItem
Recherchez l’onglet **Code personnalisé** dans la fenêtre modale Paramètres de l’espace
:::

:::WorkflowBlockItem
Ajoutez le lien de la police dans la boîte **Inclure les en-têtes**

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/1T8J80RasE65zjsyGTPw3_guides-cssheading-light.png)

**Exemple de police Include Headers :**

```html
<link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300&display=swap" rel="stylesheet"/>
```
:::

:::WorkflowBlockItem
Ajoutez les propriétés CSS

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/XtWUUM0yHexmsaKz-039h_guides-cssfont-light.png)

```css
<style>
body {
    font-family: Hind Siliguri, sans-serif !important;
}
</style>
```
:::
::::

