How to Use Web Font Icons

How to Fontice Icons Font

How to use fontice icon in your design

(1) Download zip file from Home Page and Install TTF (Font) on your computer.
(2) Now you can use icons by just copy and paste, please see below video for ref.
How to use fontice icons in HTML code
(1) Download zip file from Home Page

After downloading you will get all files which you need to including your web page.

(2) Include CSS File

You need to include fontice-iconsfont.css in your head section in web page. Make sure you change the path to point to the file on your server.

<link rel='stylesheet' href='yourpath/fontice-iconsfont.css' />

(3) Change path in css

open “fontice-iconsfont.css” Again, ensure that the path to the files matches the setup on your server.

@font-face {
font-family: ‘Fontice-IconsFont’;
src: url(‘../yourpath/Fontice-IconsFont.eot?v=1.0’);
src: url(‘../yourpath/Fontice-IconsFont.eot?v=1.0#iefix’) format(’embedded-opentype’),

url(‘../yourpath/Fontice-IconsFont.woff?v=1.0’) format(‘woff’),
url(‘../yourpath/Fontice-IconsFont.svg?v=1.0#Fontice-IconsFont’) format(‘svg’);
font-weight: normal;
font-style: normal;}
(4) HTML Integration

Check HTML Integration code below

<i class="fi fi-newspaper"></i>

Done! Result

You can customize by apply css properties