Upload Font

1. Convert normal font to webfont

If you have a font file in ttf format, you can follow below steps to convert it to a webfont

• Go to https://www.web-font-generator.com
• Click Select File and browse to your .ttf file
• Click Generate Web Font
• Click Download file to get a zip file. Now you can use this zip file for uploading.

2. Prepraring file to upload

If you already converted font from step 1, please ignore this step.

You need to have a zip which contains a css file and some font files( .otf, .eot, .woff, .woff2, .ttf).

Sample file : Download here

File structure:

font.zip

• style.css
• font.otf
• font.eot
• font.ttf

1. The CSS file should only contain one font-face rule which reference to font files and a font-family rule.

Sample CSS file:

 @font-face {
  font-family: ‘Font Awesome 5 Free’;
  font-style: normal;
  font-weight: 900;
  src: url(“fa-solid-900.eot”);
  src: url(“fa-solid-900.eot?#iefix”) format(“embedded-opentype”), url(“fa-solid-900.woff2”) format(“woff2”), url(“fa-solid-900.woff”) format(“woff”), url(“fa-solid-900.ttf”) format(“truetype”), url(“fa-solid-900.svg#fontawesome”) format(“svg”); }

3. Uploading

• Open the Theme Builder
• On the left panel, click Design-> Fonts

• In the Icon List page, click Add Font -> Upload Font
  
• Select the zip archive file you prepared to start the uploader