IcoFont le da 2100+ iconos gratis en un único archivo de fuente

Con el auge de las fuentes web y las fuentes CSS incrustadas, ahora es mucho más fácil crear sitios web verdaderamente únicos desde cero.

La última tendencia son las fuentes de iconos que, por lo general, son más pequeñas que las imágenes, mucho más fáciles de escalar y que son nítidas en todos los tamaños de pantalla (incluida la retina). Puede encontrar muchas de estas fuentes de iconos en línea, pero IcoFont realmente se lleva la palma .

Este tipo de letra de ícono gratuito viene con más de 2.100 íconos, todo incluido en un único archivo de fuente .

Puede descargar la fuente sin procesar con todos los íconos o solo ciertas "familias" de íconos como moneda, negocios, redes sociales o UI móvil (entre muchas otras).

El sitio web actúa como una documentación en línea para todos estos íconos, por lo que puede copiar / pegar los códigos en su sitio rápidamente. Los íconos de IcoFont funcionan de forma similar a los íconos de FontAwesome que, por ejemplo, se usan por defecto en el marco de Bootstrap.

Todo funciona a través del elemento que requiere dos clases de CSS :

1. la clase predeterminada IcoFont
2. una clase para cada tipo de icono

Por ejemplo, para agregar un icono de castillo a su documento, debería agregar algo como esto a su diseño:

Técnicamente puede agregar estos iconos a cualquier elemento que desee, pero el código predeterminado de IcoFont se basa en elementos.

Tenga en cuenta que esta biblioteca no se debe confundir con un programa llamado Icofont, que no es una biblioteca sino una interfaz para administrar fuentes de iconos dentro de sus aplicaciones RoR. Dado que este programa tiene el mismo nombre que la biblioteca IcoFont, puede ser difícil buscar en Google para obtener más información.

Esta biblioteca todavía es muy nueva y no puedo encontrarla en GitHub ni en ningún otro lugar de la web. Pero, si está buscando más información, le recomiendo que visite el sitio web y descargue una copia. Encontrarás todo el código fuente correcto allí e incluso puedes navegar por todos los iconos por categoría para ver lo que hay en el conjunto.