Well I finally figured out how to use the IcoMoon app (with so much of determination of course!). I was crazy about glyph icons, thus, I browsed the net for websites offering free glyph icons. I concluded that IcoMoon App is da best! If you did read this previous post of mine, you would note I stated this;
"Font Awesome *best icon site everr!" and "IcoMoon is also great for icons as it offers a wide variety of delectable icons. However, I don't quite understand how to put it to use." Well, I was stupid back then. Alright, now that I understand the whole
Firstly, understanding what glyph icons are. Here's an example, a screenshot from my blog;
|notice those cute icons? yep, those are glyph icons.|
- select your icons (here).
|mines from ' 50 mini icons (by Victor Erixon)|
- Generate Font.
- Download Font.
- Extract Files.
- Upload static file
|*copy the link|
- Implementing the icons.
<link rel="stylesheet" type="text/css" href="..." />e.g;
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpgw3dl/EUUmuhq4g/style.css" />
2) Open the index file in your extracted font pack.
3) Insert the class names of the font and the code thingy of the font into this tag;
<a class="class name of font" data-icon="code thingy of font" href="/"></a>without link:
*just replace the <a> tag with <p>
<p lass="class name of font" data-icon="code thingy of font"></p>
<a class="icon-home" data-icon="" href="/"></a>
- Voila! You're done