How to add uploaded font to HTML theme

1) In the /css directory, create a new folder /fonts and add the font folder inside.

The folder has to contain a @font-face kit, which would load your custom font on a webpage.

 The easiest way to create it is by using a webfont kit generator, such as Font Squirrel Generator (visit our tutorial to see how to use it).

 Extract the generated archive into /css/fonts/your-font-name.

2) Open style.css file and add @font-face rule (it can be copied from css/fonts/Amadeus/stylesheet.css file):

Just make sure that the file path is correct.

3) Then edit the h1-h6 tags adding the new font -family where you need it on the site. (h1 on the screenshot)