Les polices sont une partie importante de la charte graphique d'un site Internet. Elles contrôlent le rendu du texte de votre expérience de recherche. Bien que la recherche utilise par défaut les polices disponibles sur le système, vous pouvez mettre à jour les polices de votre expérience via CSS pour qu'elles soient plus en accord avec les polices de votre marque.

Tous les systèmes d'exploitation ne téléchargent pas automatiquement toutes les polices. Nous devons donc nous assurer qu'un navigateur peut accéder aux polices de votre site, plutôt que d'utiliser une police disponible sur leur système informatique. Pour savoir comment procéder, consultez l'article d'aide Ajouter des polices Web à votre interface de recherche et suivez les instructions avant de passer aux étapes ci-dessous.

Pour plus de détails sur les polices et leurs propriétés, consultez le document de référence sur les polices.

Pour utiliser ou mettre à jour une police dans la recherche :

1. Cliquez sur Pages dans la barre de navigation, puis sur le site souhaité.
2. Cliquez sur le bouton Afficher l'éditeur de code.
3. Survolez la branche master et click sur l'icône en forme de crayon () qui apparaît.
4. Cliquez sur le dossier static.
5. Cliquez sur le dossier scss.
6. Ce processus diffère selon que vous souhaitez définir la police pour tous les composants de recherche ou que vous souhaitez cibler des classes spécifiques. Veuillez suivre les étapes qui correspondent à votre cas :
   • Tous les composants de recherche
     1. Cliquez sur le fichier fonts.scss.
     2. Ajoutez le nom de la police au début de la variable --yxt-font-family :

     --yxt-font-family: "Roboto Mono", Arial, Helvetica, sans-serif;

   • Cibler des classes spécifiques
     1. Cliquez sur le fichier answers.scss.
     2. Pour la classe que vous souhaitez cibler, utilisez font-family et indiquez le nom de la police Web que vous souhaitez ajouter.

      .yxt-SearchBar-title
     {
       font-family: "Roboto Mono", Arial, Helvetica, sans-serif;
     }