Okay
  Print

Adding new font icons for content elements

Step 1: Adding new icons

1. Find the file "scalia-socials.svg" in folder "fonts" (in Scalia theme) and import this file to https://icomoon.io/app/#/select 



2. Add to the end of this imported set new icons from icomoon, which you wish to have. After that, select all icons and click on "Generate Font"



3. Click on "Codes" and make "Reset codes" beginning from e601



4. Click on "Preferences". Make "Font Name" scalia-socials and click on "Font Download"




Step 2: Adding icon font in theme 

We would recommend to use scalia main child theme for these modifictaions (if you use main Scalia theme) 

  1. Install child (check in folder Child_Themes / scalia-default-child.zip)
  2. Per FTP copy to the child's folder the folder /fonts/ from the ZIP you have downloaded from icomoon
  3. In the beginning of the file style.css of the child theme add following:
@font-face {
font-family: 'scalia-user-icons';
src:url('fonts/scalia-user-icons.eot?-yiqymz');
src:url('fonts/scalia-user-icons.eot?#iefix-yiqymz') format('embedded-opentype'),
url('fonts/scalia-user-icons.woff?-yiqymz') format('woff'),
url('fonts/scalia-user-icons.ttf?-yiqymz') format('truetype'),
url('fonts/scalia-user-icons.svg?-yiqymz#scalia-user-icons') format('svg');
font-weight: normal;
font-style: normal;
}


That's all. If you don't use the child theme, so just replace the files in folder /fonts/ with the files you have downloaded from Icomoon.