Utiliser des font d’icônes pour utiliser moins d’images

awesome

Parmi les outils les moins utilisé est le font d’icônes , nombreux d’entre nous developer front end ne le connaissent pas ou l’utilisent rarement.

Très brièvement, c’est une typo ( font) qui va afficher des icônes /pictogrammes à la place des caractères alphabétiques.

Généralement, les générateurs de font vous fourniront la feuille de style (css) et les fichiers de Font ( ttf, svg,woff,eot) qui sont généralement fournis dans un package.

Comme chaque icône sera affiché comme une caractère de texte il faudra toujours télécharger un démo avec les font d’icônes vu qu’on aura besoin d’une petite documentation sur les icônes possibles.

Il existent déjà des nombreuses générateurs online pour télécharger ces typos personalisés…

Font awesome est le plus reconnu , du fait du multitude d’icones incluses un ( 439 icônes  pour seulement 400Ko) et aussi le format de celle ci, en SVG donc ayant la même propriété qu’un font standard et manipulable en CSS ( font-size, color…)

Voici quelques générateurs dans la même lignée que Font awesome :

Répondre