Fonts

In Moodle
About this page

Typefaces for body text and headings, Google Fonts, and uploaded custom fonts.

Fonts

Font settings allow you to choose between Google Fonts and self-hosted fonts. The default font for this theme is Geist, which is self-hosted and compliant with GDPR requirements.

Short text

Font Name (Body)

The main font used for body text throughout the site

Admin keytheme_xy/fontbody
DefaultGeist', sans-serif
Short text

Font weight: Regular

Standard font weight for body text (typically 400)

Admin keytheme_xy/fontweightregular
Default400
Short text

Font weight: Medium

Medium font weight for emphasis (typically 500-600)

Admin keytheme_xy/fontweightmedium
Default500
Short text

Font weight: Bold

Bold font weight for strong emphasis (typically 700-900)

Admin keytheme_xy/fontweightbold
Default700
Short text

Font Name (Headings)

Font used for headings (h1-h6). Leave empty to use the body font.

Admin keytheme_xy/fontheadings
DefaultGeist', sans-serif
Short text

Font weight (Headings)

Font weight used for headings (typically 700-900)

Admin keytheme_xy/fontweightheadings
Default700

Google Font

Google Fonts provides over 1,400 free, open-source fonts optimized for the web. Browse Google Fonts Library . For self-hosted Google Fonts or custom fonts, configure them in the Advanced tab under Font Files

Text area

Google Font URL

Enter the Google Fonts URL to use custom web fonts. Leave empty to use theme default fonts. https://fonts.googleapis.com/css2?family=Geist:wght@400;500;700&display=swap

Admin keytheme_xy/googlefonturl
DefaultEmpty

Custom Font Settings

Easily add and manage your own self-hosted fonts for full GDPR compliance. Customize your theme's typography without relying on external font providers.

Custom fonts

Upload custom font files to be used across the site. These fonts will be available without requiring user authentication and can be used as locally installed fonts. After uploading fonts and saving settings, CSS code snippets will be provided below to help you implement the fonts in your custom SCSS.