Comment configurer une police d’en-tête personnalisée dans la base de connaissances ?

Document360 fournit une liste des polices d’en-tête courantes utilisées dans la documentation. Cependant, vous pouvez configurer la police d’en-tête souhaitée 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é.

Dans un cas d’utilisation, consultez la solution ci-dessous pour configurer une police Google dans Document360.

Solution

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é

Obtenez les détails du code de police Google

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. Cliquez sur Copier le code pour copier le code et retournez à Document360.

Ajouter le code en HTML personnalisé

6. Dans le portail Document360, allez dans Connexions > Intégrations.

7. Naviguez dans Custom HTML et cliquez sur Ajouter. Sélectionnez l’option Header (above </head>) comme sélection par défaut.

8. Collez le lien dans la section En-tête copié à l’étape 5.

9. Une fois terminé, cliquez sur Ajouter.

   

Ajoutez le code dans un CSS personnalisé

11. Accédez à Paramètres () > site de la base de connaissances > Personnaliser le site > CSS et JavaScript personnalisés dans le portail de la base de connaissances.

    

12. L’onglet CSS personnalisé est la sélection par défaut. Cliquez sur le bouton Ajouter des extraits de code .

13. Sélectionnez l’option Changer la police de l’en-tête , et le code ci-dessous apparaît.

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

14. 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)

15. Ajoutez la couleur de police souhaitée.

16. Cliquez sur Enregistrer.

    

Conséquences