search

parkerbennett / stackicons

Icon font and Sass-based construction kit for Stackicons-Social, which supports multiple button shapes and a unique "multi-color" option in CSS for over 60 social brands.
MIT License
959 stars 117 forks source link

SVG imported to Fontastic/Icomoon/etc. then re-exported produces icons that are off-kilter #7

Open carolineschnapp opened 10 years ago

carolineschnapp commented 10 years ago

Has anyone tried to import Stackicons-Social-Minimal.svg and Stackicons-Social.svg to services like icomoon and Fontastic? The icons are clipped when viewed in those apps, and when exported, the drawing of the icon is off to the right within its element and gets strangely clipped on mouseover. Really strange. See below...

fontastic 2014-03-11 23-46-06 2014-03-11 23-46-13

untitled 2014-03-11 23-47-21 2014-03-11 23-47-26

untitled 2014-03-11 23-49-01 2014-03-11 23-49-03

The reason why I use Icomoon/Fontastic is simply that I don't need all the social icons in the 'minimal' set and need some from the full set. The font files are rather heavy as they are, I want to hand-pick. Hence why I am generating new font files.

carolineschnapp commented 10 years ago

Same problem when using Fontello: http://fontello.com/ There is no problem with other open-source fonts. It looks like the positions in the SVG files are off.

carolineschnapp commented 10 years ago

CC @parkerbennett Hey Parker, anyone ever complained to you about this issue? Have you played with 'font builder' apps such as Fontello or Icomoon?

parkerbennett commented 10 years ago

I’ve converted all the characters into individual svg files and will be uploading soon. I haven’t tested yet but you should be able to use those to import into icomoon.

I need to do some testing on the font itself to see if I can correct the problem. My goal was to have the icons be a bit larger than text on the same line, but in doing so they are currently drawn outside the boundaries of the ascender and descender. I think this is what’s causing the problem.

the individual svg files are drawn in a 3000 pt square as opposed to 2048 units.

Parker

On Mar 11, 2014, at 10:14 pm, Caroline notifications@github.com wrote:

CC @parkerbennett Hey Parker, anyone ever complained to you about this issue? Have you played with 'font builders' app such as Fontello or Icomoon?

— Reply to this email directly or view it on GitHub.

carolineschnapp commented 10 years ago

They are currently drawn outside the boundaries of the ascender and descender. I think this is what’s causing the problem.

That's exactly it, I think.

parkerbennett commented 10 years ago

In the interim, if you email me the subset of icons you need, I can send you a customized version. parker@stackicons.com

carolineschnapp commented 10 years ago

Thank you, Parker!

RobMayer commented 9 years ago

+1 for fix