Generated fonts have unequal top- & bottom-whitespace

[timhettler]

When I compile, the resulting fonts are not vertically centered.

As they appear in Illustrator:

...And then as they appear on a webpage:

(Deep Pink background added to illustrate unequal whitespace.)

[endtwist]

Have you tried changing the line-height? This may have something to do with the current font-size and line-height of the icon's parent element.

[timhettler]

Not a line-height thing. After comparing the font I generated to the one on the fontcustom homepage (and a system font to use as a baseline):

...It seems pretty clear that it's an issue with either my SVG files, or the compiler. Any chance you could share the file you used to create your fonts? That way I could compile it locally to try and pinpoint where the issue is.

[matthewferry]

I think this may have something to do with the ascent and descent of the generated glyphs. We actually had some issues with this as well since we were transitioning to use fontcustom from icomoon, where the ascent and descent are modified based on an svg size of 512 and base font size of 16. Fontcustom's generated svg is set at 1000 and the ascent and descent are default. This means whitespace is 0 on the horizontal of the glyph and the glyph will reside on the baseline, NOT at the descender of the font.

The font-forge API has options you can pass, namely fontforge.font().ascent and fontforge.font().descent. Would be nice to include some options to set custom ascender/descender? ...because we had to modify generate.py which is less than ideal ;)

[kaizau]

Ascent and descent have been tweaked in 1.0.0.pre — made a bit difference in my tests. @matthewferry I'll add a new issue for your options suggestion.

[matthewferry]

Nice! Thanks @EZYZ

[chrisheuberger]

Has this issue been resolved? I'm trying to set all icons to a consistent baseline no matter their width and can't figure out what to set the font_ascent and font_descent in fontcustom.yml. Thanks.