3 ms·
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 compatibilit
by coderdude 12y ago
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).
- gdix 12y agoSure, but font icons can only be one color. Can you give an example of a compatibility issue?
- coderdude 12y agoFont Awesome allows stacking: http://blog.fontawesome.io/2014/09/25/custom-file-types-with-stacked-icons/ 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 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/ 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 https://news.ycombinator.com/item?id=9047846
- elpool2 12y agoThese 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.