Clause de non-responsabilité: Cet article a été généré par traduction automatique.

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

  • Mis à jour le Oct 5, 2024
  • 2 Minute(s) lue(s)
  • Janeera D A
  • Pradeep Srinivasan
  • Manoharan Soundarraj
 Prev Next

Clause de non-responsabilité : Cet article a été généré par traduction automatique.

Plans supporting the use of custom CSS and JS in knowledge base site

Professional
Business
Enterprise






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

À titre de 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 police Google
Étape 2 : Ajouter 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 les polices Google à l’aide du code HTML et CSS approprié.

Obtenir les détails du code de police Google

  1. Accédez à la page Web des polices Google .

3_ScreenGIF-Google_font_custom_header_font

  1. Sélectionnez la police souhaitée et la page de police s’affiche avec les styles disponibles.

  2. Dans le coin supérieur droit, cliquez sur Obtenir la police et sélectionnez Obtenir le code d’intégration.

  3. Dans la section Web , vous trouverez le code d’intégration spécifique à la police que vous avez choisie.

  4. Copiez le code et retournez à Document360.

Ajouter le code en HTML personnalisé

2_Screenshot-Append_the_code_in_custom_HTML

  1. Dans le portail Document360, accédez à Paramètres > site de la base de connaissances > Intégrations.

  2. Accédez à HTML personnalisé et cliquez sur Ajouter.

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

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

  5. Une fois cela fait, cliquez sur Ajouter.

Ajouter le code dans un CSS personnalisé

4_Screenshot-Body_Append_the_code_in_custom_CSSUpdated

  1. 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.

  2. Dans le volet de navigation de gauche, cliquez sur l’onglet CSS .

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

  4. Sélectionnez l’option Modifier la police du corps du texte 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*/ 
}

  1. En plus du sélecteur de corps , incluez le sélecteur d’article dans l’extrait de code fourni.

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

  3. Ajoutez la couleur de police souhaitée.

  4. Cliquez sur Enregistrer en haut à droite.

Résultat

7_Screenshot-Custom_font_outcome

Articles Liés