Hoe configureer je een aangepaste header-lettertype in de kennisbank?

Abonnementen die deze functie ondersteunen: Professional Business Enterprise

Document360 biedt een lijst van veelgebruikte headerlettertypen die in documentatie worden gebruikt. Je kunt echter het gewenste header-lettertype in de kennisbank configureren. Haal de lettertypedetails op en voeg de lettertypelink toe aan het headergedeelte in Custom HTML. Voeg vervolgens de details van de lettertypefamilie toe in de Custom CSS.

Als gebruiksgeval kun je de onderstaande oplossing bekijken 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

Bekijk de details van de Google-lettertypecode

Ga naar de Google Fonts-webpagina .
Selecteer het gewenste lettertype, en de lettertypepagina verschijnt met de beschikbare stijlen.
Klik rechtsboven op Get font en selecteer Get embed code.
In de websectie vind je de embedcode die specifiek is voor het door jou gekozen lettertype.
Klik op Code kopiëren om de code te kopiëren en ga terug naar Document360.

Voeg de code toe in aangepaste HTML

Ga in het Document360-portaal naar Verbindingen > Integraties.
Navigeer naar Aangepaste HTML en klik op Toevoegen. De optie selecteren Header (above </head>) is de standaardkeuze.
Plak de link in het Header-gedeelte dat in stap 5 is gekopieerd.
Als je klaar bent, klik dan op Toevoegen.

Voeg de code toe in aangepaste CSS

Navigeer naar Instellingen () > Kennisbanksite > Site aanpassen > Aangepaste CSS en JavaScript in de Kennisbankportal.
Het tabblad Custom CSS is de standaardkeuze. Klik op de knop 'Code snippets toevoegen '.
Selecteer de optie ' Hoofdstuk lettertype wijzigen ', en de onderstaande code verschijnt.

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

Vervang de font-family: "Source Sans Pro", sans-serif; door de lettertypedetails die in stap 5 zijn gekopieerd. (CSS-regels om families te specificeren)
Voeg de gewenste lettertypekleur toe.
Klik op Opslaan.