New to Typophile? Accounts are free, and easy to set up.
Symbolfont.com, OTF vs WOFF Shading
Posted by inde in
27 Feb 2013 — 6:16pm
- dot matrix
- line gradient
- Opentype. Web Open Font Format
- otf
- OTF VS WOFF
- SF
- symbolfont
- symbolfont.com
- woff
27 Feb 2013 — 6:16pm
Check out the full test here
- inde's blog
- Login or register to post comments
User login
Support our Sponsors
Comments
28 Feb 2013 — 12:59am
I suspect the differences is rendering is due to your .otf being Postscript-flavoured and your .woff TrueType-flavoured. They are also too small to render clearly with so much detail.
28 Feb 2013 — 6:21pm
Hello and thank you for your interest!
As far as i know both files are Postscript, sfnt2woff exports Postscript as well as fontsquirrel.com. The renderer is Firefox 19.0.
I am rethinking my approach to shading with other methods, it was an interesting test but all round inefficient approach. I have found a new way by using CSS in the mix!
AK
1 Mar 2013 — 12:13am
Yes, sfnt2woff can export Postscript, but Fontsquirrel does not. If you do intend to make icons this small, you’ll benefit from much more simplied shapes, TrueType outlines and hinting instructions. And yes, shading is better done with CSS.
1 Mar 2013 — 3:50pm
And here are the results!
http://dribbble.com/shots/964817-Finally-a-Realistic-CSS-Shaded-Symbolfo...
4 Mar 2013 — 1:48am
Updating the larger sets with this technique. http://dribbble.com/shots/968061-SF-W-I-P-32px-WOFF-with-CSS-Shading?lis...