How to Change System Font in LMS

Changing the system font in BrainCert LMS allows you to customize the platform's appearance to better suit your branding or user preferences. This guide provides step-by-step instructions to modify the font settings. Follow the steps below to easily update the system font in BrainCert LMS.

Step 1: Access Global Settings

• Login to your BrainCert LMS Admin Account.
• Navigate to 'Global settings', Click on 'Basic Settings' to proceed.

Step 2: Enable Code Inject Feature

Next to Website Settings, Select 'Code Inject' Feature.

Step 3: Locate Global Head Snippet

Scroll down and Go to 'Global Head Snippet'.

So, now here you can add the Custom Fonts snippet from 'Google Fonts'.

Step 4: Select and Copy Font Code From Google Fonts

Navigate to 'Google Fonts'. For now, I would like to use 'Rubik' Font (or) you can Choose your preferred Font for your LMS.

Simply, Click 'Copy Code'.

Step 5: Paste Font Code in Global Head Snippet

Get Back to your LMS, Paste the embed Code in the 'Global Head Snippet' Section.

Step 6: Add Custom CSS For Font Styling

• To apply the font to all text elements (e.g., headers, body text), you’ll need to add custom CSS.
• To Get Started, you need some Knowledge of CSS. 
• Inject the Simple CSS Code Snippet as a template.

<style>
body, p, h1, h2, h3, h4, h5, h6 {
    font-family: rubik, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "Lucida Grande", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
</style>

• Modify the font-family property to match your chosen font.

Step 7: Customize Fonts for Heading and Body Text

• If you want to use different Fonts, Go to 'Google Fonts', choose your Preferred Font; Copy and Paste embed code in desired area as like in (Step 4).
• Change the Font Family as you choose, the primary font that reflects body texts, paragraphs in Entire LMS.
• So, what the code does is, it simply connects the google fonts notes the Rubik Font.

Step 8: Save Changes

Scroll down and Click 'Save' to apply the changes.

Step 9: Verify Font Changes across the LMS

You can immediately see, the entire LMS reflects the new font has pasted.

1. Now, It showing 'Rubik' Font on all Headings.
2. In the body texts, Paragraph everything reflects the 'Rubik' Font.

By Following these steps, You can Fully control to customize the Look and Feel of the LMS with preferred font. Whether, you're sticking to system fonts that BrainCert Comes with (or) want to add your Own Font. The Possibilities are Endless for personalization.