Hello there,

I apologize for the late reply, we have been getting a lot of messages daily and are trying our best to keep up with every request. I hope you can understand.

Bellow you can find the complete guide to adding any font that you'd like and styling elements with it.

Easiest way to add some custom font is with CSS @font-face. Paste following code into Appearance > Customize > Additional CSS:

@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 */ }

and set absolute paths to your font files, and make sure that you have several different file formats because different file formats will be loaded by different browsers. This is important and more can be found in this article https://css-tricks.com/snippets/css/using-font-face/

Finally style desired elements with css code, so some basic knowledge is required for that part. Example:

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

Please understand that this won't add font to the list inside Theme Options > Fonts.

Hope this helps and if there is anything else that we can assist you with please don't hesitate to ask.

Kind regards,

Sean