How to add custom fonts in a theme
Z MoodleDocs
Create a new directory in your theme and call it fonts. Then add all your custom fonts in this directory.
eg: moodle/theme/yourtheme/fonts/
In your themes CSS file add the following:
@font-face { /* where FontName and fontname represents the name of the font you want to add */
font-family: 'FontName';
src: url(fontname.eot);
src: url(fontname.eot) format('embedded-opentype'),
url(fontname.woff) format('woff'),
url(fontname.ttf) format('truetype'),
url(fontname.svg) format('svg');
font-weight: normal;
font-style: normal;
}
Next ADD the name of your font wherever you want that font to be used in your stylesheet.
For example:
#page-header h1 { font-family: FontName;}