Login
Remember
Register
References
Ranks
Add reference
How to integrate vector font i.e icomoon into working directory
0
votes
302
views
added
Jul 13, 2017
in
CSS
by
anonymous
Go to
https://icomoon.io
Select all the icons that you need, and download.
Extract the zip.
Distribute only a few files into your working directory.
Copy
fonts
folder
( consists of icomoon.eot, icomoon.ttf, icomoon.woff, icomoon.svg)
into your
css
folder. Example: css/fonts/
Copy style.css and rename it into icomoon
( consists of ico-bin:before, etc)
and place it into css folder. e.g css/icomoon.css
In icomoon.css, change the fonts source from @font-face { src: url('fonts/icomoon.eot?i3sw7j'); to a new directory. example: @font-face { src: url('../fonts/icomoon.eot?i3sw7j');
Add <i class='icomoon icon-bin'></i> on your html and see if its work
Good luck
stylesheet
icomoon
icon
css
font
vector
Related reference
Where to locate the source of icomoon font in website?
To integrate ionicons into own project
How to fix Font from origin has been blocked from loading by Cross-Origin Resource Sharing policy ?
How to get multiple google font's format i.e woff,eot, ttf at once?
Fix jagged font - CSS anti-alias
CSS - font properties & font type
How to save PSD file into SVG format in Photoshop?
CSS - text-transform for default style
lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
All categories
API
(37)
React
(149)
Javascript
(100)
Next JS
(10)
jQuery
(176)
CSS
(141)
SCSS
(25)
UI design
(1)
Vue
(25)
JSX
(12)
ES6
(8)
Regex
(6)
PHP
(62)
mySQL
(9)
Drupal
(15)
Bootstrap
(22)
Repository
(43)
Software & tools
(38)
Google tools
(31)
Plugins
(13)
Gulp
(9)
NPM
(9)
Node JS
(7)
CMS
(9)
Command-line
(7)
Database
(2)
Domain & hosting
(16)
Elixir
(1)
HTML
(22)
Networking
(4)
Python
(0)
Server issues
(13)
VM & Remote desktop
(2)
VSCode
(7)
Windows
(11)
XSLT
(5)
General
(868)
...