【问题标题】:How can I edit Font Awesome (or include my own icons)?如何编辑 Font Awesome(或包含我自己的图标)?
【发布时间】:2013-07-30 06:02:00
【问题描述】:

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

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

一旦我编辑了字体,我应该遵循哪些准则?我应该使用哪些 unicode 字符插槽?编辑 LESS 源代码以包含新图标时应该注意什么?

我不一定对向官方 repo 提交新图标感兴趣,我只是想对其进行一些分支和变异,而不是临时加载我自己的几个图标。

【问题讨论】:

标签: svg fonts font-awesome


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

    • icnfnt.com 似乎是一个断开的链接。
    【解决方案3】:

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

    【讨论】:

      【解决方案4】:

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

      1- 转到http://fontawesome.io/ 下载 zip 并解压缩,例如在您的桌面中。

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

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

      2. 在提取的 zip inside 字体中选择 font-awesome 的 SVG。

      3. 重复上传您自己的 svg 文件的过程。

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

      对不起我的英语! :D

      【讨论】:

        猜你喜欢
        • 2014-05-31
        • 1970-01-01
        • 1970-01-01
        • 2020-11-28
        • 2014-09-19
        • 2016-06-12
        • 2020-05-06
        • 1970-01-01
        • 2018-02-11
        相关资源
        最近更新 更多