Upload Icon

Prepraring file to upload

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-awesome.zip

• style.css
• webfont.otf
• webfont.eot
• webfont.ttf

1. The CSS file must contain a font-face rule which reference to font files and a font-family rule.
2. The CSS must contains all css classes which define the icon content.

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”); }

.fa {
  font-family: ‘Font Awesome 5 Free’;
  font-weight: 900; }

.fa-home:before {
  content: “\f015”; }

Uploading

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

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