IcoFont vous offre plus de 2100 icônes gratuites dans un fichier de police unique
Avec la montée de polices Web et polices CSS incorporables, De nos jours, il est beaucoup plus facile de créer des sites Web vraiment uniques..
La nouvelle tendance est polices d'icônes qui sont généralement plus petites que les images, beaucoup plus faciles à redimensionner et sont parfaitement claires pour toutes les tailles d'écran (y compris la rétine). Vous pouvez trouver beaucoup de ces polices icon en ligne mais IcoFont prend vraiment le gâteau.
Cette fonte icône gratuite est livré avec plus de 2 100 icônes, tous regroupés dans un fichier de police unique.
Vous pouvez télécharger la source brute avec toutes les icônes ou seulement certaine icône “familles” comme la monnaie, les affaires, les interfaces sociales ou mobiles (parmi beaucoup d'autres).
Le site Web agit comme un documentation en ligne pour toutes ces icônes, afin que vous puissiez copier / coller les codes dans votre site rapidement. Les icônes IcoFont fonctionnent beaucoup comme les icônes FontAwesome qui, par exemple, sont utilisés par défaut dans le framework Bootstrap.
Tout fonctionne à travers le élément cela requiert deux classes CSS:
- la classe IcoFont par défaut
- 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 s'appuie sur éléments.
Notez cette bibliothèque ne devrait pas être confondu avec un programme appelé Icofont qui n’est pas une bibliothèque, mais une interface de gestion des polices d’icônes dans vos applications RoR. Comme ce programme porte le même nom que la bibliothèque IcoFont, il peut être difficile de rechercher Google pour plus d'informations..
Cette bibliothèque est encore très nouveau et je ne le trouve pas sur GitHub ou ailleurs sur le Web. Mais, si vous recherchez plus d’informations, j’encourage vivement à consulter le site Web et à en télécharger une copie. Vous trouverez tous les bon code source juste là et vous pouvez même parcourir toutes les icônes par catégorie pour voir ce qu'il y a dans le set.