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 …
Add by hands ou offrir le partage à la main
►http://namok.be/blog/?post/2013/11/10/add-by-hands
Lorsque l’on écrit un article, on aime bien qu’il soit partagé. C’est donc mieux de proposer un lien en fin d’article pour permettre facilement ce partage.
Depuis peu, Franck propose un plugin permettant de partager via plein de réseaux sociaux en utilisant AddToAny.
Pour ma part, j’utilisais les services de AddThis jusqu’à il y a peu. C’était configurable et … vénérable vu son âge. AddThis me permettait également d’avoir un retour sur les liens qui étaient partagés, une sorte de rapport (...)
#Mes_doigts_dans_le_clavier #alternatives #blog #dotclear #facebook #flattr #geek #google #pratique #twitter
