Hacker News new | past | comments | ask | show | jobs | submit login

Don't forget about compatibility. You can be reasonably sure that font icons will display the same everywhere. CSS-based icons are all over the map compatibility-wise (display issues across browsers).



Sure, but font icons can only be one color. Can you give an example of a compatibility issue?


Font Awesome allows stacking: http://blog.fontawesome.io/2014/09/25/custom-file-types-with...

Here's their demo but with some color added: http://codepen.io/anon/pen/VYQMea

But yeah, you're typically stuck with one color. Here's a demo that shows off multi-color fonts (Firefox only): http://pixelambacht.nl/2014/compyx-a-multicolor-8bit-font/

That technique could be used to make multi-color font icons if it were cross-browser compatible. Maybe one day. But I think SVG icons are where things are headed.

As for compatibility issues, there's one listed on this page: https://news.ycombinator.com/item?id=9047846


These icons get warped in Chrome when you set the zoom level to 125%. For example: the roof on the house in the lb-home icon is no longer centered.




Consider applying for YC's W25 batch! Applications are open till Nov 12.

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: