InMotion Hosting Support Center

change-theme-font I Moodle 2.3, the default font for themes can be changed to a more palatable font type. Occasionally, an administrator may want to change the theme font to accommodate their school, college or other educational facilities font for uniformity. The code on the core.css file can be edited to reflect this font change. The standard theme font looks like the snapshot to the right. This tutorial will explain how to change the default font in the Standard Moodle theme.

Changing the default font in the Moodle Standard theme

  1. Log into cPanel
  2. Navigate to the folder location of your theme through your File Manager. In this tutorial, the Standard theme font is being changed.

    The file to edit for the Standard theme should be similar to the following:


    The location of the file will depend on the location of your Moodle installation.

  3. change-theme-font-1-moodleClick the file and select Code editor.
  4. change-theme-font-2-moodle Next, edit the code.

    The default code looks like this:

    body {font-family:Arial, Verdana, Helvetica, sans-serif;padding: 4px;}
    body.lang-vi {font-family:Arial, Verdana, Helvetica, sans-serif !important;}

    To change the font change the code similar to the following. (Make sure you make a copy of the line you are editing incase there are any mistakes made.) In this case we are using the Impact font.

    body {font-family: impact: 4px;}
    body.lang-vi {font-family: impact !important;}

  5. change-theme-fontLog into the Moodle Dashboard and navigate to Site administration > Appearance > Themes > Theme selector.

    Click Clear Theme caches.

    Now the font for the entire Moodle site should change accordingly. In this tutorial the snapshot to the right will show what the theme looks like with Impact font.

This concludes the article for Changing the default font in the Moodle Standard theme.

Was this article helpful?
Continued Education in Course 107: Changing the Appearance of Moodle
You are viewing Section 6: Changing the default font in the Moodle Standard theme
Section 5: Removing the branded Moodle image from a theme footer
Section 7: Clearing or Purging the cache from Moodle 2.3

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!