Search code examples
svgfontsiconsadobe-illustrator

SVG into font changes shape

I'm using Illustrator to create an SVG icon I can later use to create a .ttf font however icon I've created looks totally different when loading into tools like Glyphter or IcoMoon.

Here's my image

enter image description here

Here's how it looks like in glyphter

enter image description here

My stroke has become invisible where as no fill has become an actual fill... How can I possibly invert it in Illustrator to keep the original shape?

Solution

  • I've figured this out a few days ago myself, you need to expand the object by selecting Object > Expand.

    If the option is unavailable, you need to Object > Expand Appearance first and then Object > Expand.