Using external fonts

To use external fonts in mAuthor it is necessary to perform the following steps:

  • Download the font file in one of these formats: otf, ttf, eot or svg.
  • Use this downloaded file in a webfont generator, e.g.:
  • Unpack the generated zip and upload all converted font files (4 formats, as listed above) to mAuthor using Browse Assets option.
  • In the zip file from fontsquirrel, there is a .css file containing @font-face. Open it with a text editor and replace all font file paths with appropriate mAuthor file links. For example, if you uploaded a .ttf file in Browse Assets, and the file appeared on the list as '/file/serve/4897607679737856', then you should replace the path in the CSS file with the mAuthor path, and do the same with four other font formats.

This is what you should get:

@font-face {    
font-family: 'questrial';
src: url('/file/serve/4665198409416704');
src: url('/file/serve/4665198409416704?#iefix') format('embedded-opentype'),
url('/file/serve/6284968015691776') format('woff'),
url('/file/serve/4897607679737856') format('truetype'),
url('/file/serve/4789271424663552#questrialregular') format('svg');
font-weight: normal;
font-style: normal;

Now you can paste the above CSS code in the lesson's CSS (Presentation->Edit CSS), or in the template's code if you are using one. From now on you can use font-family: 'questrial'; declaration for other modules like Text, etc.