TypeWonder, making the choice of web fonts so enjoyable!
Enter the site url and preview instantly the fonts with-out any hassle !
Create a custom FontAwesome 3.0.2 icon-font kit with just the icons you want.
Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects!
It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other "attribution" claws.
If you don't care much about licences there are many alternatives you can use, most notably the font-awesome font.
When downloading this font you'll also receive all the icons in .svg vector format so you can play with them, improve them and contribute them back on github
Where are we at right now in terms of the best markup for using icon fonts? Let's cover some options I think are currently the best.
1. You want the icon to enhance a word
2. You want the icon to stand alone but still be functional or informational
And our major goals here are:
1. As good of semantics as we can get
2. As little awkwardness for screen readers as possible
This ground has been treaded before, but I think the following techniques are a small step forward.
Typicons are free-to-use vector icons embedded in a webfont kit for easy use in your UI, whether it be on the web or in a native application.
Typicons save space and time by pairing a vector icon to a character, just like Webdings or Windings. Then, using the CSS3 pseudo-selector ::before, the appropriate characters are bound to their respective classes (eliminating the need to remember the correct index of each icon).
IcoMoon provides a package of vector icons, along with a free HTML5 app for making custom icon fonts. Browse among thousands of pixel perfect icons or import your own vectors.
When Google Web Fonts was first released, we wrote up a quick walkthrough. Since then, the service has been completely overhauled and it’s high time for a thorough walkthrough from scratch.
Webfont embedding is so widely supported by modern browsers at this point that there’s really no excuse not to incorporate them when appropriate in your designs.