How to change overall system fonts using Google Fonts

Overview

Google provides wide range of fonts which can be used to customise your intranet or Digital Workplace. https://www.google.com/fonts



How to

1. Get the font collection from Google fonts put them into Collection and follow the implementation guide for Web usage

Select the style of font you wish to have, For the purpose of this guide, were selecting Poppins

Tips: If you wish to use it for overall system fonts, make sure that you select all styles ranging from Light to Bold, this would allow the system to use a variation of the fonts including Bold and Italic.


2. Under Use on the web, choose link and copy the code shown.


3. In Claromentis, navigate to Admin > Design

You can either Edit Master Design if you wish to use it in all themes or select an applicable theme in which you wish to use this font.

Navigate to the Edit Style > Advanced tab

 

4. Copy and paste the following CSS  code to the Custom CSS (Advanced) field and replace the placeholder text with the name of the font and style.

body {
    font-family: "<Font Name>", <style> !important;
}

 

5. Under "Use on the Web" in Google Font, paste the Link CSS code into the Custom Code field as shown below.

Click Save

 

6. Refresh your page and check the Homepage, make sure that you are using the correct Theme.

 

Last modified on 30 November 2023 by Hannah Door
Created on 9 June 2021 by Michael Christian

Was this helpful?  

Share