Skip to documentation
    Which Plugin?

    Change Site Font

    Local Plugin
    v1.0.20
    Requirements in plugin archive

    Change your entire Moodle™ site’s typography with a single plugin. Choose from professional Google Fonts with customizable sizes, weights, and spacing. See the plugin archive for release-specific requirements and available font options.

    One-time unlock · see the plugin archive for requirements

    ⭐ Why this plugin is unlike anything else available

    Site-wide font change without theme file edits

    ▸ Changing a Moodle site's font normally requires editing theme SCSS or Less files and recompiling the theme — a process that breaks on theme upgrades and requires developer access. Change Site Font injects a Google Fonts CSS link and CSS variable override via plugin hook, surviving every theme update.

    ▸ Preview before applying: select a font family from the Google Fonts catalogue and see a live preview of the site text before saving. No trial-and-error CSS editing.

    ▸ Applies to the entire site including Moodle's UI chrome, not just course content. Navigation menus, form labels, block headers, and editor toolbars all update consistently.

    What is Change Site Font?

    Change Site Font is a simple yet powerful plugin that lets you customize your Moodle™ site’s typography without editing theme files. Choose from professional Google Fonts and fine-tune sizes, weights, and line heights.

    The Problem

    • Theme fonts are hard to change
    • Editing CSS requires technical skills
    • Theme updates overwrite custom fonts
    • Inconsistent typography across pages

    The Solution

    • Simple dropdown font selection
    • No coding required
    • Survives theme updates
    • Consistent site-wide typography
    Available Fonts
    Inter (recommended)
    Roboto
    Poppins
    Lato
    Montserrat
    Open Sans
    Source Sans Pro
    Nunito
    Raleway
    Work Sans
    System default

    All fonts are loaded from Google Fonts CDN for optimal performance and reliability.

    Installation & Configuration
    1. 1

      Download and Install

      Upload the ZIP to Site administration → Plugins → Install plugins

    2. 2

      Configure Fonts

      Go to Site administration → Appearance → Change Site Font

    3. 3

      Purge Caches

      Always purge all caches after saving changes to see them site-wide

    Typography Controls

    Font Family

    Select from professional Google Fonts

    Body Size

    Adjust base font size from 12px to 18px

    Heading Weight

    Choose Medium, Semi-bold, or Bold

    Line Height

    Fine-tune spacing for better readability