Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

Hoe configureer ik een aangepast lettertype in de kennisbank?

Prev Next

Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

Plans supporting the integration of third party tools in knowledge base site

Professional
Business
Enterprise






Document360 biedt een lijst met standaardlettertypen die in documentatie worden gebruikt. U kunt echter het gewenste lettertype configureren in de kennisbank. Haal de lettertypedetails op en voeg de lettertypelink toe aan de koptekstsectie in Aangepaste HTML. Voeg vervolgens de details van de lettertypefamilie toe aan de aangepaste CSS.

Bekijk als use case de onderstaande oplossing om een Google-lettertype in Document360 te configureren.


Oplossing

De onderstaande drie stappen zijn betrokken bij het configureren van het gewenste Google-lettertype in Document360:
Stap 1: Haal de details van de Google-lettertypecode op
Stap 2: Voeg de code toe in aangepaste HTML
Stap 3: Voeg de code toe in aangepaste CSS

NOTITIE

U kunt ook andere aangepaste lettertypen dan de Google Fonts configureren door de juiste HTML- en CSS-code te gebruiken.

De details van de Google-lettertypecode ophalen

  1. Ga naar de webpagina van Google Fonts .

3_ScreenGIF-Google_font_custom_header_font

  1. Selecteer het gewenste lettertype en de lettertypepagina verschijnt met de beschikbare stijlen.

  2. Klik in de rechterbovenhoek op Lettertype ophalen en selecteer Insluitcode ophalen.

  3. In het gedeelte Web vindt u de insluitcode die specifiek is voor het door u gekozen lettertype.

  4. Kopieer de code en ga terug naar Document360.

Voeg de code toe in aangepaste HTML

2_Screenshot-Append_the_code_in_custom_HTML

  1. Ga in de Document360-portal naar Instellingen > Kennisbanksite > Integraties.

  2. Navigeer naar Aangepaste HTML en klik op Toevoegen.

  3. Selecteer de Header (above </head>) optie die de standaardselectie zal zijn.

  4. Plak de link in het gedeelte Koptekst dat u in stap 5 hebt gekopieerd.

  5. Als u klaar bent, klikt u op Toevoegen.

Voeg de code toe in aangepaste CSS

4_Screenshot-Body_Append_the_code_in_custom_CSSUpdated

  1. Navigeer naar Instellingen () > Kennisbanksite > Site aanpassen > Aangepaste CSS en JavaScript in de Kennisbankportal.

  2. Klik in het linkernavigatievenster op het tabblad CSS.

  3. Klik op Codefragmenten toevoegen in de rechterbovenhoek van de coderuimte.

  4. Selecteer de optie Lettertype van hoofdtekst wijzigen en de onderstaande code wordt weergegeven.

body, article {
  font-family: "Source Sans Pro", sans-serif;    /*Replace your body font family*/ 
  color: #222222;    /*Font color*/ 
}
  1. Neem naast de bodyselector ook de artikelselector op in het meegeleverde codefragment.

  2. Vervang de door de font-family: "Source Sans Pro", sans-serif; lettertypegegevens die in stap 5 zijn gekopieerd. (CSS-regels om families te specificeren).

  3. Voeg de gewenste letterkleur toe.

  4. Klik rechtsboven op Opslaan .


Resultaat

7_Screenshot-Custom_font_outcome