Poor-quality converted glyphs

[gmckeown]

I've been digging into an issue with the quality of icons used in the Seti UI project. It seems that when the SVG font is converted to TTF, the quality of the glyphs is badly affected. This seems most obvious with curves, but doesn't seem limited to them (e.g. the "M" in "ASM" below).

For example, here are some original SVG font glyphs:

And here's what they look like after conversion to TTF:

Command-line used:

svg2ttf seti.svg seti.ttf

Could this be related to issue #25 ?

Original issue against Seti UI: jesseweed/seti-ui#401

[puzrin]

Looks like initial dimensions are very small and suffer from rounding. I'd suggest 1000px and more.

• Could you show your SVG font src? If possible - leave only couple of simple bad images
• Drop it to fontello and check if generated font is ok or not (it normalizes size)

[gmckeown]

Full font sources (both the individual SVG images and the generated SVG font) are linked in the original issue above.

Here's a smaller subset. This is created using svgicons2svgfont. They look OK in Fontello.

svgtest_sample.zip

[puzrin]

<font-face font-family="svgtest" units-per-em="32" ascent="32" descent="0" />

Problem is in your SVG prepare process. Dimentions should be 1000 and more. I think your tools just take original images as is and don't care about upscale. For example, if you import this font to fontello, result will be good.

[puzrin]

If you decide write manual scaler, that will help https://github.com/fontello/svgpath.

[gmckeown]

Thank you for your quick and helpful response! I have tested with larger dimensions in the prep process (it uses gulp-iconfont) and it seems to do the job. Have submitted a pull request to the Seti UI project.