Change the LMS's font

Academy of Mine's front and back end by default use the "Roboto,sans-serif" font. If you wish to use your own or a custom font instead, you've come to the right place! This tutorial will walk you through three simple steps to get everything set up.

Step 1: Adding the Base CSS Code

Navigate to your Dashboard. Under the sidebar go to "Branding" -> "Custom Styling".

Once on the Custom Styling page, add the following CSS Code in the textbox: 

@import url('');

body, .tooltip, .popover {
	font-family: '', ;
}

The result should look something like this:

Awesome, now we're ready to add the font!

Step 2: Adding the Font

In this example, we will be using the "M PLUS 1 Code" font hosted on Google Fonts since they are a popular choice. This tutorial is applicable to any font hosted on the internet. If you already have the font URL/link and the font family, please skip to Step 3.

Once on the Google Fonts page, we can select which styles we'd like to add/remove by clicking "Select" or "Remove:

Once we selected the styles we want, we can now copy the font link and the font family. To do so, click the button in the yellow box as seen in the image below:

You should now see this sidebar open up:

Make sure the yellow "@import" box is selected. Please refer to the images directly above and below this text. Replace the exact content inside the red box on Google Fonts to red box on AOM LMS; do the same for the exact content inside the blue box:

Step 3: Verification

Your code should look somewhat like the following: 

Please be sure to "Save Changes". Now refresh your page.

If you used the font in this tutorial, your screen should look similar to the following:

Yay! We're done. If you run into any issues while performing this tutorial or have any questions, please contact our support team at help@academyofmine.com