What is Icon fonts?
Icon fonts are just fonts. However, instead of containing letters or numbers, they contain symbols and glyphs. You can style them with CSS in the same way you style regular text which has made them a popular choice on the web.
Benefits for Icon Fonts
1)Scale easily
2)Change color easily
3)Include shadows easily
4)Can have transparent knockouts
5)Have good browser support in general
6)Can use text based css (still needs better support)
7)Can be designed on the fly (by making changes on :hover, etc.)
8)Can do anything image icons can do (change opacity, rotate, etc.)
9)Have smaller file sizes since they contain fewer characters than full typeface
Example Image for Icon Fonts
Video for Icon fonts