search

fizzed / font-mfizz

Font Mfizz - Vector Icons for Technology and Software Geeks
537 stars 111 forks source link

'heroku' and 'html' icons stacking issue #31

Open ChristyHerron opened 8 years ago

ChristyHerron commented 8 years ago

Hi,

I am experiencing an issue with the icon-html and icon-heroku when using the stack feature;

<span .fa-stack .fa-2x>
  <i .fa .fa-circle .fa-stack-2x>
  <a href="http://heroku.com" target="_blank">
    <i .icon-heroku .fa-stack-1x>

The icons appear to be too small, and not centred.

This has only arisen in version 2, so I have reverted back to 1 for the time being, at the expense of the mongodb icon.

thanks

jjlauer commented 8 years ago

Screenshot would make this much easier to visually understand.

ChristyHerron commented 8 years ago

v1.2

1point2

v2.1

2point1

v2.2

2point2

jjlauer commented 8 years ago

Interesting. The main change between 1.2 and 2.x was the version of fontcustom -- which compiles the font and creates the .css. That's likely the culprit. You could diff the .css between the versions to see what changed as far as display styling. I'd be interested what you find out.

ChristyHerron commented 8 years ago

Doesn't appear to be a css issue, which makes sense as not all icons are affected.

My work around is just to add padding to the style of the couple of icons I need;

.icon-heroku
  padding:3px 0 0 15px

.icon-html
  padding:3px 0 0 6px