Usar fuentes tipográficas para iconos con css (Icon-Fonts)

Ahora en lugar de utilizar los iconos basados en imágenes de toda la vida, se pueden usar los llamados icon-fonts. Estos iconos se sacan de fuentes tipográficas (esto quiere decir que los iconos no son imagenes, si no letras).

Si bien, puedes crearte tu propia fuente de iconos personalizada utilizando para ello algun programa tipo p.e. IcoMoon, existen ya numerosas fuentes ya creadas en la red. El uso de estas fuentes es muy sencillo, para poder utilizarlas basta con incluir las fuentes y los ficheros css.

Sitios web donde puedes descargarte icon-fonts:

Cikonss: Contiene alrededor de 40 icon-fonts.
Font Awesome: En su versión 3,2 ya contiene 361 icon-fonts.
Recopilatorio de otras webs con icon-fonts