Twitter bootstrap 3 - créer un glyphicon personnalisé et ajouter à la "police" de glyphicon

Question

Bonnes personnes. J'utilise twitter bootstrap3, et je suis extrêmement content de la nouvelle façon dont il gère l'icône en tant que polices. Cependant: j'ai besoin de quelques icônes personnalisées; Je dois les faire moi-même, et idéalement l'intégrer dans la police existante. J'ai cherché sans chance. Je suis bien familier avec l'illustrateur, les graphiques vectoriels etc, mais comment intégrer?

Dans le pire des cas, je vais faire des images de manière traditionnelle, mais j'espère qu'il existe une meilleure solution.

Des idées?

Answer 1

Ce processus pourrait être une option. Vous pouvez utiliser IcoMoon App. Leur library inclut FontAwesome qui vous permet de démarrer rapidement, ou vous pouvez télécharger le glyphicon, et télécharger le fontawesome-webfont.svg

Pour vos icônes personnalisées, créez des SVG, téléchargez-les sur IcoMoon et ajoutez-les à FontAwesome/Jeu de glyphicon.

Lorsque vous avez terminé, exportez le jeu de polices et chargez-le comme vous le feriez avec n'importe quelle police d'icône.

Bonne chance!

MISE À JOUR

Si vos icônes de fichiers SVG importés après l'importation semblent mal alignées dans le iconmoom.app, vérifiez d'abord comment ils regardent réellement lorsqu'ils sont utilisés sur une page Web. Il me semble que l'aperçu n'est pas toujours parfait. Alternativement, il y a une icône d'édition dans la barre d'outils iconmoon.app qui vous permet de déplacer et de redimensionner.

Answer 2

Si quelqu'un cherche un autre outil que celui mentionné ici, j'ai trouvé https://glyphter.com/ très utile. Il est assez simple et vous permet de télécharger un fichier .svg, de le toiletter, d'en ajouter d'autres à partir de plusieurs autres packs de polices et de télécharger le nouveau jeu de polices pour votre usage.