Les icônes sont de plus en plus utilisées par les webdesigner.
Nous avons l’habitude d’utiliser le format PNG, GIF ou même des images sprites pour nos icônes.

Aujourd’hui je vous propose de découvrir les polices d’icônes (icon fonts). Cette technique permet d’utiliser des icônes comme des police d’écriture (web font).

Les avantages:

Vous l’avez compris, vous pouvez manipuler les icon fonts grâce au CSS.
Il existe plusieurs webapp pour générer des packs d’icône font :

IcoMoon App

IcoMoon
IcoMoon propose 3 solutions, une version gratuite et deux versions payantes.
La version gratuite vous donnera accès à 450 icônes de type général (avec utilisation commerciale). Vous pouvez choisir le format de sortie, SVG, PDF, EPS, Ai, PSD et PNG.
IcoMoon vous permet également de gérer des “projet ” que vous crée pour y ajouter ou modifier des icônes.

Site officiel

We Love Icon Fonts

weloveiconfonts
We Love Icon Fonts est totalement gratuit et propose des collections de police d’icônes créées par des auteurs différents.
Ainsi vous sélectionnez la ou les collection(s) voulue(s) puis récupérez la balise @import pour intégrer les icônes sur votre page.

Site officiel

Fontello

Fontello
Tout comme We Love Icon Fonts, Fontello est gratuit et propose aussi des collections de police d’icônes.
(attention aux licences)

Site officiel

Fontatic

Fontastic

Fontastic est la plus récente webapp pour générer des icons fonts. Elle regroupe le meilleur de Fontello et le meilleur de IcoMoon. C’est donc un outil complet qui permet de gérer plus de 4000 icônes, d’importer des icônes, et de sauvegarder vos collections/pack.

Vous devez télécharger le pack d’icônes et l’uploader sur votre serveur. Fontastic utilise la balise @font-face pour importer les fichiers source sur votre feuille de style CSS.

Site officiel


Laisser un commentaire