Hello,

Theme only allows usage of Google fonts from the theme options. If you want to use custom fonts, then you need to include them with css, and to style fonts with custom css code.

Paste this code into Custom CSS field:

@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ }

Just put absolute paths to your font files, and not that you have to use at least 3 font files extensions, because different browsers can read only certain file types. Than use custom css code for styling different elements by adding it to Elated options > Global options > Custom CSS field:

body, h1{font-family: 'YourFont', sens-serif;}

Note that this workaround will not add font to the list inside Elated Options and you will have to use it through custom css code.

Or you could try Use Any Font plugin, some customers have suggested it but we haven't tested it ourselves.