---
title: "Polices personnalisées dans le Flow Builder"
description: "Importez et utilisez des polices personnalisées dans le Flow Builder."
---

Lorsque vous créez des flows, vous pouvez avoir besoin d'utiliser une police personnalisée pour correspondre au reste de votre application. Voici comment ajouter des polices personnalisées et les utiliser dans vos flows.

:::tip
[Configurez les polices](onboarding-text) dans le panneau **Styles** avant de commencer à concevoir le flow. Ainsi, toutes les modifications que vous effectuerez s'appliqueront globalement.
:::

## Polices intégrées \{#built-in-fonts\}

Lorsque vous créez un flow dans le Builder, Adapty utilise une police système par défaut. Il s'agit généralement de SF Pro sur iOS et Roboto sur Android, bien que cela puisse varier selon l'appareil. Vous pouvez également choisir parmi des polices couramment utilisées comme Arial, Times New Roman, Courier New, Georgia et Helvetica. Chacune de ces polices est disponible avec plusieurs options de style.

Ces polices ne sont pas fournies dans le cadre du SDK Adapty et ne sont utilisées qu'à des fins de prévisualisation. Nous ne pouvons pas garantir qu'elles fonctionneront parfaitement sur tous les appareils. Cependant, d'après nos tests, ces polices sont généralement reconnues par la plupart des appareils sans effort supplémentaire de votre part. Vous pouvez également [consulter les polices disponibles par défaut sur iOS](https://developer.apple.com/fonts/system-fonts/).

## Ajouter une police personnalisée \{#add-a-custom-font\}

:::warning
Le fichier que vous importez est **uniquement destiné à la prévisualisation dans l'éditeur** — Adapty ne le distribue pas aux appareils des utilisateurs. Pour afficher la police sur l'appareil, [incluez le fichier dans le bundle de votre application](#add-the-font-files-to-your-apps-bundle). Sans cela, le SDK utilisera SF Pro (iOS) ou Roboto (Android) au moment de l'exécution.
:::

Si vous avez besoin d'utiliser des polices autres que la police système par défaut, vous pouvez ajouter une police personnalisée.

Pour ajouter une police personnalisée :

0. Si la police est variable, divisez-la en fichiers à style unique avec des noms uniques. Les contrôles de graisse, gras et italique ne s'appliquent pas aux polices personnalisées. Adapty n'enregistre qu'un seul style par fichier de police personnalisée. Pour [mettre en forme le texte](onboarding-text), basculez vers la variante de police appropriée.

1. Choisissez **Upload new font** dans l'un des menus déroulants de police.

2. Dans la fenêtre **Add custom font**, renseignez les champs suivants :

   :::warning
   Les champs **Font name in Builder**, **iOS font name** et **Android font name** doivent chacun être uniques parmi tous les fichiers de polices personnalisées de l'application.
   :::

   - **Font name in Builder** : Saisissez un nom d'affichage pour la police. Ce nom apparaîtra dans les menus déroulants de police du Builder.
   - **iOS font name** : Saisissez le nom PostScript de la police. Vous pouvez le trouver dans Font Book → PostScript name, ou via l'[API `UIFont`](https://developer.apple.com/documentation/uikit/uifont).
   - **Android font name** : Saisissez le nom de fichier depuis `res/font/`. Utilisez uniquement des lettres minuscules, des chiffres et des tirets bas.
   - **Font file** : Glissez-déposez le fichier de police ou cliquez sur **Select files**. Formats pris en charge : `.ttf`, `.otf`, `.woff`, `.woff2`.

3. Cliquez sur **Save font**.

   

En important le fichier de police dans Adapty, vous confirmez que vous disposez du droit de l'utiliser dans votre application.

### Supprimer une police personnalisée \{#delete-a-custom-font\}

La suppression d'une police personnalisée depuis le tableau de bord remplace silencieusement toutes les références à cette police par la police système dans les flows brouillons et publiés. Aucun avertissement n'est affiché et cette action est irréversible. Avant de supprimer, assurez-vous qu'aucun flow en production n'utilise cette police.

## Polices personnalisées dans les modèles de flow \{#custom-fonts-in-flow-templates\}

La [bibliothèque de modèles de flow](paywall-builder-templates) comprend des modèles avec des polices personnalisées. Survolez l'étiquette **Custom font** sur une carte de modèle pour voir quelles polices il utilise.

Adapty ne fournit pas ces polices. Vous devez les obtenir vous-même en faisant correspondre les noms de polices indiqués sur l'étiquette. Certaines polices peuvent nécessiter une licence commerciale.

Une fois que vous disposez des fichiers de polices, suivez les étapes d'intégration ci-dessous.

## Ajouter les fichiers de polices au bundle de votre application \{#add-the-font-files-to-your-apps-bundle\}

Si vous utilisez déjà une police personnalisée ailleurs dans votre application, il vous suffit d'ajouter vos polices de paywall de la même manière. Sinon, veillez à inclure le fichier de police dans le projet et le bundle de votre application. Lisez comment procéder ci-dessous :

- Sur iOS : [Dans la documentation officielle Apple](https://developer.apple.com/documentation/uikit/adding-a-custom-font-to-your-app)
- Sur Android : [Dans la documentation officielle Android](https://developer.android.com/develop/ui/views/text-and-emoji/fonts-in-xml)