Generated fonts not working on windows/linux about symbols-for-sketch HOT 17 CLOSED

@TimNuman Oh... thank you for letting me know.
I've just added a demo HTML generator and checked it.
http://www.browserstack.com/screenshots/fd841d05c8fd3fe88db29d848cb2a3cafd2d77dc

Umm. according to browserstack, something wrong. I'll check deeper on Windows VM.
And if you send me your .sketch file, it'll be help to solve the problem ;)

from symbols-for-sketch.

I've sent you an email with the sketch file!

from symbols-for-sketch.

Thanks! I'll check it soon.

from symbols-for-sketch.

Sorry to be late. My Windows environment has gone... I should repair it before checking. I hope I would have some extra time on weekend. c u...

from symbols-for-sketch.

That's ok. Let me know if I can help!

from symbols-for-sketch.

Hi, any luck with this? Thanks.

from symbols-for-sketch.

Ok I found out what the problem was and also found a workaround.

If you create a circle and put a slightly smaller circle in it on difference mode to create a circle outline, this works fine on the mac but not on windows/linux.

Workaround:
Create a circle from scratch using the vector tool instead of using the circle tool.
I created a circle, went into edit mode and placed guidelines on the points.

from symbols-for-sketch.

This is indeed an awesome little project - could not believe how fast it churns out these files!
Unfortunately Windows compatibility continues to be an issue. I suspect that a large part of the problem is that your script is generating blank SVG files, which is the fallback format for certain versions of IE.

from symbols-for-sketch.

@TimNuman Thanks for the tip! I tried your method but couldn't seem to get it to work. Did you generate the shapes with the path tool instead of shape and then still use the difference? Or did you just put a border on the path? Neither method seemed to work for me...

from symbols-for-sketch.

Hi @aofstad, I uploaded a sample file to dropbox!
https://dl.dropboxusercontent.com/u/4229956/symbol-font.sketch
This one works for me

from symbols-for-sketch.

@TimNuman Thanks a lot! This worked for simple paths but still doesn't seem to work for some of my more complex paths.

from symbols-for-sketch.

I also noticed rotating shapes causes some strange behavior so basically only using the vector tool is the safest if you encounter errors :)

from symbols-for-sketch.

@aofstad @TimNuman @activestylus I've got the solution at last!
In my case, such icons which has a box or a circle outside have issues on iOS, Android and Windows. But sometimes, even if really complicated icon, it's OK. So I was wondering the reason. It seems not a matter of complexity.

The answer was the "direction of path". If you got issue, "Reverse Order" of the path of the box (or circle). Try it. I hope that it would help you, guys.

from symbols-for-sketch.

Awesome! Thanks

from symbols-for-sketch.

Great, thanks! I'll give that a shot.

from symbols-for-sketch.

I've added a "Trouble Shooting" section to README.

from symbols-for-sketch.

OMG!

from symbols-for-sketch.