System Admins can further customize the look and feel of their Learner Experience by configuring the Font for the Header and Body. The chosen Header and Body Fonts will display throughout the Learner Experience except for the third-party checkout page where users enter their payment information.
This article guides System Admins on how to edit the Fonts and also shares some considerations when selecting your Header and Body Fonts.
Only Google Fonts are supported at this time. There are currently over 950 available as noted in this article. If you use a Font that is not recognized it will fall back to the default Fonts used .
Also note that you can only add one Font for the Header and one for the Body.
Before customizing the Fonts, review Google Fonts and determine which Font you will use for the Body and the Header. Consider these points when choosing a Font for the:
Once you select your Fonts, sign in to the LMS and select the Menu icon from the upper right corner of the Learner Experience.
Scroll down and select Manage Templates.
|4.||Select the Theme tab with Color and Font options that can be used to customize the look and feel of your Learner Experience.|
Scroll until you see Fonts. Click on the downward arrow to the right of the word Fonts to display the editing space for these options.
Type in the chosen Header Font Name without any punctuation. (e.g., Raleway)
Remember that the Header font will be applied to all page and content headings such as Course and Transcript headings so you want to select a Font that is easily readable by your users.
Then, type in the selected Body Font Name without any punctuation.
Remember, this Font will be applied to all body texts such as Course Descriptions, News Articles, and Transcript table values so you do want to consider the legibility of this Font.
Click on the Save button on the lower right hand side of the page to save your configurations. All pages of the Learner Experience will be updated to use the Fonts except for the third-party checkout page where users enter their payment information.
Return to the Learner Experience and view the Fonts to make sure that the Fonts are legible. If they are not legible or appear very large or small (the default sizes cannot be changed), return to step 1 and begin the process again.