IcoFont vous donne plus de 2100 icônes gratuites dans un seul fichier de police

Avec l'essor des polices Web et des polices CSS incorporables, il est aujourd'hui beaucoup plus facile de créer des sites Web véritablement uniques.

La dernière tendance est les polices d'icônes qui sont généralement plus petites que les images, beaucoup plus faciles à mettre à l'échelle, et elles sont limpides sur toutes les tailles d'écran (y compris la rétine). Vous pouvez trouver beaucoup de ces polices d'icônes en ligne, mais IcoFont prend vraiment le gâteau.

Cette fonte d'icône gratuite comporte plus de 2 100 icônes, toutes regroupées dans un seul fichier de police .

Vous pouvez télécharger la source brute avec toutes les icônes ou uniquement certaines icônes "familles" telles que l'interface utilisateur de devise, d'entreprise, sociale ou mobile (parmi beaucoup d'autres).

Le site Web agit comme une documentation en ligne pour toutes ces icônes, de sorte que vous pouvez copier / coller les codes sur votre site rapidement. Les icones IcoFont fonctionnent un peu comme les icônes FontAwesome qui, par exemple, sont utilisées par défaut dans le framework Bootstrap.

Tout fonctionne à travers l' élément qui nécessite deux classes CSS :

1. la classe IcoFont par défaut
2. une classe pour chaque type d'icône

Par exemple, pour ajouter une icône de château à votre document, vous ajouteriez quelque chose comme ceci à votre mise en page:

Vous pouvez techniquement ajouter ces icônes à n'importe quel élément que vous aimez mais le code par défaut d'IcoFont repose sur des éléments.

Notez que cette bibliothèque ne doit pas être confondue avec un programme appelé Icofont qui n'est pas du tout une bibliothèque mais une interface pour gérer les polices d'icônes dans vos applications RoR. Depuis que ce programme a le même nom que la bibliothèque IcoFont, il peut être difficile de googler pour plus d'informations.

Cette bibliothèque est encore très récente et je ne la trouve pas sur GitHub ni ailleurs sur le web. Mais, si vous cherchez plus d'informations, je vous encourage fortement à visiter le site et à télécharger une copie. Vous trouverez tout le bon code source ici et vous pouvez même parcourir toutes les icônes par catégorie pour voir ce qu'il y a dans l'ensemble.