Klik op het geselecteerde font en kopieer de HTML-link. Deze link ziet er meestal zo uit: <link href="https://fonts.googleapis.com/css2?family=FONTNAAM:wght@400;700&display=swap" rel="stylesheet">. Vervang FONTNAAM met de naam van jouw gekozen font.
Stap 2: Voeg de Font Link toe aan je Zendesk Guide Thema
Log in op je Zendesk account.
Ga naar Guide Admin (via het producttray icoon).
Klik op Guide-instellingen.
Ga naar het gedeelte Thema aanpassen en selecteer je actieve thema.
Klik op Bewerken om de thema-editor te openen.
In de thema-editor, zoek naar het bestand document_head.hbs.
Plak de gekopieerde Google Fonts link in dit bestand. Zorg ervoor dat je het in de <head> tag plaatst.
Sla je wijzigingen op.
Stap 3: Gebruik de Font in je CSS
Blijf in de thema-editor.
Open het style.css bestand.
Voeg de font-family regel toe aan de gewenste selectors. Bijvoorbeeld, als je het font wilt toepassen op alle paragrafen, zou je iets toevoegen als: p { font-family: 'FONTNAAM', sans-serif; }.
Vervang FONTNAAM met de naam van het font dat je hebt gekozen.
Sla je wijzigingen op en bekijk de voorvertoning om te zorgen dat alles naar wens is.
Stap 4: Publiceer de Wijzigingen
Als je tevreden bent met hoe alles eruitziet, publiceer dan je wijzigingen zodat ze live gaan op je Zendesk Guide site.
Extra Tips:
Zorg ervoor dat je de juiste gewichten en stijlen van het font toevoegt die je wilt gebruiken.
Test de leesbaarheid en prestaties van je gekozen font, vooral als je site een groot publiek heeft.
Houd rekening met de laadsnelheid; het toevoegen van te veel fonts kan de laadsnelheid van je site beïnvloeden.
