How can I edit Font Awesome (or include my own icons)?

匿名 (未验证) 提交于 2019-12-03 01:10:02

问题:

Font Awesome is fully open source, so how can I tweak some icons as I wish, or add new icons? Let's say my primary vector tool is Inkscape (open source GPL).

The fontawesome package comes with files *.eot, *.otf, *.svg, *.ttf, and *.woff. The svg file does not successfully open in Inkscape. What program(s) can be used to edit these?

And once I edit the fonts, what guidelines should I follow? What unicode characters slots should I use? What should I be aware of when editing LESS source code to include new icons?

I'm not necessarily interested in submitting new icons to the official repo, I just want to fork and mutate it a bit, rather than having a couple of my own icons loaded ad-hoc.

回答1:

You can use icomoon. Browse to the library page and use FontAwesome, you can augment FontAwesome's libary with your custom icons in SVG.



回答2:

As well as the solution mentioned (which is perfect), you can also subset and combine icon fonts using:

  • icnfnt.com (officially supported subsetting of font-awesome icons)
  • fontello.com (create a custom subset from a number of icon fonts that are widely available)


回答3:

If you want access to the raw svg and .png files, there is a git repo for that: Font-Awesome-SVG-PNG



回答4:

If you want some icons (or all) from font-awesome including yout custom svg icons you can:

1- Go to http://fontawesome.io/ Download the zip and extract-it for example in your Desktop.

2- Go to http://fontastic.me/ use your email to create an account.

  1. Once you have been logged-in click on the header option: Add More Icons.

  2. Select the SVG of font-awesome located in your extracted zip inside fonts.

  3. Repeat the procces uploading your own svg files.

  4. Inside Home (at the header of the page) Select the icons you want to download, customize them to give your custom names and select publish to have a link or download the fonts and css.

Sorry about my english ! :D



标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!