Comment configurer une police personnalisée dans la base de connaissances ?

Document360 fournit une liste des polices standard utilisées dans la documentation. Cependant, vous pouvez configurer la police que vous souhaitez dans la base de connaissances. Obtenez les détails de la police et ajoutez le lien de la police à la section en-tête dans Custom HTML. Ensuite, ajoutez les détails de la famille de polices dans le CSS personnalisé.

Étapes pour configurer une police Google personnalisée dans Document360

Les trois étapes ci-dessous sont impliquées dans la configuration de la police Google souhaitée dans Document360 :
Étape 1 : Obtenez les détails du code de la police Google
Étape 2 : Ajoutez le code en HTML personnalisé
Étape 3 : Ajouter le code dans un CSS personnalisé

NOTE

Vous pouvez également configurer des polices personnalisées autres que Google Fonts en utilisant le code HTML et CSS approprié.

Obtenez les détails du code de police Google

Pour commencer à utiliser une police personnalisée dans votre base de connaissances, vous devez d’abord récupérer le code d’intégration depuis Google Fonts.

1. Rendez-vous sur la page web de Google Fonts .

2. Sélectionnez la police souhaitée, et la page de police apparaît avec les styles disponibles.

3. En haut à droite, cliquez sur Obtenir une police et sélectionnez Intégrer du code.

   Dans la section Web , vous trouverez le code d’intégration spécifique à la police de votre choix.

4. Copiez le code et retournez sur Document360.

Ajouter le code en HTML personnalisé

Une fois le code d’intégration copié, l’étape suivante consiste à l’insérer dans les paramètres HTML personnalisés de votre projet Document360. Pour ce faire,

1. Naviguez vers Connexions > Intégrations dans la barre de navigation de gauche du Knowledge base portal.

2. Naviguez dans la section HTML personnalisé et cliquez sur Ajouter.

   L’option Header (above </head>) qui sera la sélection par défaut.

3. Collez le lien dans la section En-tête copié précédemment.

4. Une fois terminé, cliquez sur Ajouter.

   

Ajoutez le code dans un CSS personnalisé

Après avoir ajouté le code d’intégration à votre HTML, vous devrez appliquer le style de police en ajoutant un code CSS pour mettre à jour l’apparence du texte sur tout votre site. Pour ce faire,

1. Naviguez dans () > Knowledge base site dans la barre de navigation de gauche du Knowledge base portal.

2. Dans le panneau de navigation de gauche, naviguez vers Personnalisation du site > Custom CSS & JavaScript.

   

3. Depuis le panneau de navigation de gauche, cliquez sur l’onglet CSS .

4. Cliquez sur Ajouter des extraits de code en haut à droite de l’espace de code.

5. Sélectionnez l’option Modifier la police du texte du corps , et le code ci-dessous apparaît.

   body, article {
     font-family: "Source Sans Pro", sans-serif;    /*Replace your body font family*/ 
     color: #222222;    /*Font color*/ 
   }

   

6. En plus du sélecteur de corps , incluez le sélecteur d’articles dans le extrait de code fourni.

7. Remplacez-le font-family: "Source Sans Pro", sans-serif; par les détails de police copiés à l’étape 5. (Règles CSS pour spécifier les familles).

8. Ajoutez la couleur de police souhaitée.

9. Cliquez sur Enregistrer en haut à droite.

La police sélectionnée sera désormais appliquée au contenu de votre base de connaissances. Visitez le site de la Knowledge Base pour prévisualiser les changements en vigueur.