6 ms·
The ideal solution (neither SVG or CSS) should be to use appropriate Unicode characters, of which there are very useful ones added in Unicode 6.0. The very firs
by Sephr 16y ago
The ideal solution (neither SVG or CSS) should be to use appropriate Unicode characters, of which there are very useful ones added in Unicode 6.0. The very first icon, "search", can be done with U+1F50D LEFT-POINTING MAGNIFYING GLASS. Of course most users will not have appropriate fonts installed for comprehensive Unicode 6.0 coverage, so you should deploy a custom font using @font-face that suits your site. For example, the search box on my personal website uses LEFT-POINTING MAGNIFYING GLASS and a custom font I made that defines a simple magnifying glass much like the one in this demo.
- mike-cardwell 16y agoThat sounds like a miss-use of fonts to me. Why isn't the ideal solution a GIF?
- nym 16y agoHave you heard of the font "Symbol"?
- mike-cardwell 16y agoStill seems like a hack to me
- Sephr 16y agoDo you mean Symbola, a Unicode 6.0 font? And yes, but it has elaborate characters that only look good at 40px+. I wanted a much more simplistic style, so I made my own U+1F50D. Edit: Oh, you meant some unsemantic font.
- rimantas 16y agoHow does your GIF scale?
- mike-cardwell 16y agoGood enough.
- Sephr 16y agoHow is it a mis-use of fonts if I'm using an appropriately semantic character?
- mike-cardwell 16y agoI always linked "fonts" and "text" together.