Générer sa propre webfont à partir d’images SVG, avec codes unicodes personnalisés. Le tout automatisé avec #Grunt.
En gros, on met des fichiers svg dans un répertoire, et des fichiers .eot, .woff, .ttf et .svg sont générés.
L’article expliquant la démarche :
▻http://www.insertafter.com/articles-gruntjs_font_icons.html
Le plugin grunt :
▻https://github.com/nfroidure/grunt-svgicons2svgfont
Merci @nfroidure :)
ca veut dire quoi avec « codes unicodes personnalisés ». c’est à dire que cela met des caractères dans les parties unicodes « non affectées à des caractères » ?
Oui, j’ai l’impression, mais seulement si tu veux. :)
Il faut nommer l’image source svg avec l’unicode souhaité : « uE002-arrow-down.svg » par exemple.
Un autre intérêt de générer ses fontes avec des noms de fichiers d’icônes préfixés avec le caractère Unicode, est de pouvoir utiliser le bon caractère Unicode quand cela fait sens.
Par exemple, si vous avez un icône « plus » permettant d’avoir un icône sur un bouton d’ajout au panier, cela peut être utile d’utiliser le code Unicode du signe « + » (U+002B) plutôt qu’un code faisant parti de la plage des codes réservés à un usage privé.
Utile aussi pour garder un site - utilisant les webfonts pour les icônes ou pictos - utilisable sur des connexions lentes ou dégradées.
@Maïeul C’est même « pire » l’idée est de ne pas avoir de caractères pour cette police particulière que ne servira qu’à afficher des icones.
L’avantage étant que ces icones auront un beau rendu quelle que soit la taille …