Keyamoon / IcoMoon-Free

A package of flat vector icons together with an installable ligature font
https://icomoon.io
Other
1.29k stars 318 forks source link

Support for fa-stack, not centered #9

Closed rockstardev closed 8 years ago

rockstardev commented 9 years ago

Hi, first of all - IcoMoon is an awesome app! I am still finding my way around it but so far... pretty impressive.

I've ran into small problem and am wondering if it's because of Font-Awesome grid style or it is something that has to do with library. Here is HTML I am using:

<span class="fa-stack fa-lg">
    <i class="fa fa-circle fa-stack-2x"></i>
    <i class="fa fa-flag fa-stack-1x fa-inverse"></i>
</span>

When I stack by directly using font-awesome.css here is what I get

example_fontawesome

But when I reference css generated by IcoMoon (imported Font-Awesome and then exported new custom font), I get this:

example_icomoon

Now, is this problem related to Font-Awesome grid size (15x14)? Or I am missing some CSS styling? I doubt it is CSS, since I've copied everything relevant from font-awesome.css (fa-stack, fa-lg... etc).

Please let me know If you have time to look into this and let me know if it's IcoMoon or FontAwesome issue and if you have any recommendation on how to get around this problem.