 <p>Please include all fonts type like you did. Create a new directory in your theme and call it fonts. Then add all your custom fonts into this directory. eg: moodle/theme/yourtheme/fonts/</p> <p>Some times " src: url([[font:theme|fontname.eot]]); ", this may not work. </p> <p>Please add path like this</p> <pre><code>@font-face { /* where FontName and fontname represents the name of the font you want to add */ font-family: 'fontname'; src: url('../theme/your-theme-name/fonts/fontname.woff'); src: url('../theme/your-theme-name/fonts/fontname.eot') format('embedded-opentype'), url('../theme/your-theme-name/fonts/fontname.woff') format('woff'), url('../theme/your-theme-name/fonts/fontname.ttf') format('truetype'), url('../theme/your-theme-name/fonts/fontname.svg') format('svg'); font-weight: normal; font-style: normal; </code></pre> <p>}</p> <p>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;}</p> <p>try !!! It will work for you :) </p>