如何编辑Font Awesome(或包含我自己的图标)?

时间:2013-07-30 07:45:34

标签: svg fonts font-awesome

Font Awesome是完全开源的,那么如何根据需要调整一些图标,或添加新图标?假设我的主要矢量工具是Inkscape(开源GPL)。

fontawesome软件包附带文件* .eot,* .otf,* .svg,* .ttf和* .woff。 svg文件无法在Inkscape中成功打开。可以使用哪些程序来编辑这些程序?

编辑字体后,我应该遵循哪些指导原则?我应该使用哪些unicode字符槽?在编辑LESS源代码以包含新图标时,我应该注意什么?

我不一定对向官方仓库提交新图标感兴趣,我只想稍微分叉和改变它,而不是特意加载我自己的几个图标。

4 个答案:

答案 0 :(得分:46)

您可以使用icomoon。浏览到library page并使用FontAwesome,您可以使用SVG中的自定义图标扩充FontAwesome的库。

答案 1 :(得分:10)

除了提到的解决方案(这是完美的)之外,您还可以使用以下方法对图标字体进行分组和组合:

  • icnfnt(正式支持字体 - 真棒图标的子集 - 原始.com现在是一个死链接,但github repo仍然可用)
  • fontello.com(从广泛使用的多种图标字体创建自定义子集)

答案 2 :(得分:9)

如果你想访问原始的svg和.png文件,那就有一个git仓库:Font-Awesome-SVG-PNG

答案 3 :(得分:2)

如果你想要一些来自font-awesome的图标(或全部),包括你的自定义svg图标,你可以:

1-转到http://fontawesome.io/下载zip并在桌面上解压缩。

2-转到http://fontastic.me/使用您的电子邮件创建帐户。

  1. 登录后,点击标题选项:添加更多图标

  2. 选择字体中提取的zip压缩文件中的font-awesome SVG。

  3. 重复procces上传自己的svg文件。

  4. 内部主页(位于页面标题处)选择要下载的图标,自定义它们以提供自定义名称,然后选择发布以获取链接或下载字体和CSS。

    < / LI>

    抱歉我的英文! :d