search

sapegin / grunt-webfont

SVG to webfont converter for Grunt
MIT License
1.1k stars 210 forks source link

Webfont not working on windows and in opera #265

Closed hagenbauer closed 9 years ago

hagenbauer commented 9 years ago

I have successfully created a webfont with svg from Glyphicon and various others sources. They look great on Linux with Firefox and Chrome.

But they look bad on Opera Linux/Mac and Firefox/IE Windows.

Website www.hagen-bauer.de

Any ideas?

sapegin commented 9 years ago

I don’t know what is bad for you so I can’t tell. No autohinting?

hagenbauer commented 9 years ago

did you test it with opera or with firefox / IE in Windows

bad bad-opera-linux-and ie-firefox-windows

good good-firefox-linux

sapegin commented 9 years ago

Icons look the same. Did you to compare demo HTML pages generated by webfont?

hagenbauer commented 9 years ago

Ok, you are right. Icons are the same. Do you have an idea why the behave totally different. The positions are totally different.

sapegin commented 9 years ago
  1. Check demo HTML pages generated by webfont to be sure that it’s something from webfont, not from your site’s styles.
  2. Try different engine: node or fontforge.
  3. Share your gruntfile and icons.
hagenbauer commented 9 years ago

I think I have found the reason. I am sizing the icons with fontsize. This is working fine on my main platform Linux. Unfortunately Opera and Windows Browsers behave differently.

I now have to find a way to increase the fonts / icons that is working.

hagenbauer commented 9 years ago

For me it is not understandable why the font is working on some browsers and not working on others using the same css by just adding a fontsize. If a font is not working the same on Windows and Linux using the same Browserversion something is wrong with the generated Font and CSS.

I have not found a document how to install the node engine. Where can I find help?

sapegin commented 9 years ago

You don’t need to install anything except grunt-webfont itself. Just change engine option to node.

hagenbauer commented 9 years ago

I tried it already but I got an error so I thought something is missing

Running "webfont:icons" (webfont) task Fatal error: Callback was already called.

webfont: { icons: { src: '_icons/*', dest: 'fonts', destCss: '_sass', options: { stylesheet: 'scss', relativeFontPath: '/fonts', autoHint: false, engine : 'node', types: 'eot,woff2,woff,ttf,svg' }}},

sapegin commented 9 years ago

Could you send me (or upload somewhere) to artem@sapegin.ru your gruntfile and icons? It’s something that I couldn’t reproduce so far.

hagenbauer commented 9 years ago

you've got mail

hagenbauer commented 9 years ago

i have it. one of the icons was rectangular. After I resized it it seems to work https://www.hagen-bauer.de/2015/08/grunt-web-font-probleme.html