Not only has this revolutionized web-based typesetting for content and navigation, but the increasing number of web-friendly icon fonts has allowed designers to use font glyphs to replace buttons and small graphics. While icon fonts allow total cross-browser compatibility and reduced loading times, there are a few limits on what can be done with a font icon in CSS - particularly with regard to gradients and shadowing.
Today, a simple square icon with as little complexity as possible tends to work best in most situations by helping the icon stand out against content whether text or visual. On the left is a palette of font glyphs ('Select Icon'), divided by font name. This area shows you the icon you've designed, along with all of the glyphs you've selected for use in this icon. Each icon can show one glyph, but you can create one style and save dozens of glyphs in that style at the same time.
Free download for Windows and Mac!