web-dev-qa-db-fra.com

Comment puis-je modifier Font Awesome (ou inclure mes propres icônes)?

Font Awesome est entièrement open source, alors comment puis-je modifier certaines icônes comme je le souhaite, ou ajouter de nouvelles icônes? Disons que mon principal outil vectoriel est Inkscape (GPL open source).

Le package fontawesome est livré avec les fichiers * .eot, * .otf, * .svg, * .ttf et * .woff. Le fichier svg ne s'ouvre pas correctement dans Inkscape. Quels programmes peuvent être utilisés pour les modifier?

Et une fois que j'ai édité les polices, quelles directives dois-je suivre? Quels emplacements de caractères Unicode dois-je utiliser? Que dois-je savoir lors de la modification du code source MOINS pour inclure de nouvelles icônes?

Je ne suis pas nécessairement intéressé à soumettre de nouvelles icônes au référentiel officiel, je veux juste le bifurquer et le muter un peu, plutôt que d'avoir quelques-unes de mes propres icônes chargées ad-hoc.

svgfontsfont-awesome
34
André Staltz

Vous pouvez utiliser icomoon . Accédez à la page de la bibliothèque et utilisez FontAwesome, vous pouvez augmenter la bibliothèque de FontAwesome avec vos icônes personnalisées en SVG.

47
methodofaction

En plus de la solution mentionnée (qui est parfaite), vous pouvez également sous-définir et combiner les polices d'icônes en utilisant:

  • icnfnt (sous-ensemble officiellement pris en charge des icônes impressionnantes de polices - original .com maintenant un lien mort, mais le dépôt github est toujours disponible)
  • fontello.com (créer un sous-ensemble personnalisé à partir d'un certain nombre de polices d'icônes largement disponibles)
10
nickhar

Si vous voulez accéder aux fichiers svg et .png bruts, il existe un dépôt git pour cela: Font-Awesome-SVG-PNG

9
Aaron Harun

Si vous voulez des icônes (ou toutes) de font-awesome, y compris des icônes svg personnalisées, vous pouvez:

1- Allez sur http://fontawesome.io/ Téléchargez le Zip et extrayez-le par exemple sur votre bureau.

2- Allez sur http://fontastic.me/ utilisez votre email pour créer un compte.

  1. Une fois connecté, cliquez sur l'option d'en-tête: Ajouter plus d'icônes .

  2. Sélectionnez le SVG de font-awesome situé dans vos polices Zip Inside extraites.

  3. Répétez le processus de téléchargement de vos propres fichiers svg.

  4. À l'intérieur de la page d'accueil (en-tête de la page) Sélectionnez les icônes que vous souhaitez télécharger, personnalisez-les pour donner vos noms personnalisés et sélectionnez publier pour avoir un lien ou télécharger les polices et css.

Désolé de mon anglais ! :RÉ

2
CarLoOSX