5 ms·
Loving the design, but they look blurry in some cases, like this from your docs: http://i.imgur.com/CBKsCGB.png http://i.imgur.com/CBKsCGB.png Why not use an i
by polymeris 9y ago
Loving the design, but they look blurry in some cases, like this from your docs:
http://i.imgur.com/CBKsCGB.png http://i.imgur.com/CBKsCGB.png
Why not use an icon font as most similar projects do?
- jaffoneh 9y agoThanks for the feedback, polymeris. I'll into why they're looking blurry, I haven't seen that before. As for why not use an icon font, we've actually outlined the research in details here: https://medium.com/claritydesignsystem/the-road-to-svg-and-custom-elements-in-clarity-icons-1d691c6cc91 https://medium.com/claritydesignsystem/the-road-to-svg-and-c...
- polymeris 9y agoThat screenshot was taken from Firefox 53.0.3 on Linux/Cinnamon, if it helps. Maybe SVG should support hinting...
- kapep 9y agoSame for Firefox 54.0.1 on Windows 10. The icons look blurry on most zoom levels. On zoom 90% the effect is reversed and the left icon looks ok but the others don't: https://imgur.com/a/AeREO https://imgur.com/a/AeREO
- zimpenfish 9y agoIcon fonts don't degrade gracefully when someone (ie me) disables "let websites use their own fonts". Either you get meaningless letters or those little unicode squares - neither of which are actually useful, of course.
- smathis 9y agoAdditionally, icon fonts rely on the PUA to render their glyphs. Given the emoji explosion over the past several years, that PUA is getting harder and harder to assign glyphs to. I can't be the only one that's visited a site on my phone and found emojis where an icon font glyph was meant to be. See probably the most famous example: https://www.etsy.com/teams/7720/bugs/discuss/14559563/ https://www.etsy.com/teams/7720/bugs/discuss/14559563/