【问题标题】:Upgrade process for fontawesome from 4 to 5fontawesome 从 4 升级到 5 的过程
【发布时间】:2016-12-07 18:55:08
【问题描述】:

我们为 font-awesome 5 做出了贡献(是的),我们正在从现有的图标(符号集)转移到 font-awesome。图标的命名和 font-awesome 5 的用法会向后兼容 font-awesome 4.7 吗?

IE: Should we go to 4.7 now, and have very easy upgrade to 5.0? OR should we hold off until font-awesome 5 comes out?

【问题讨论】:

    标签: upgrade font-awesome font-awesome-5


    【解决方案1】:

    它不向后兼容。

    我刚刚发布了一个脚本来进行从 4 到 5 的迁移:

    https://github.com/estebandelaf/scripts/blob/master/fontawesome4to5.sh

    PS:我知道这篇文章是一年前的,但它是 google 中“fontawesome migration script 4 to 5”的第二个结果。

    【讨论】:

    • 您能解释一下我们需要对您的脚本做什么吗?我尝试将我们现有的项目从 4.7 直接升级到 5.0,但必须恢复。
    • 如果 cmets 是英文的就更好了:)
    • 在我的 Mac 上运行时遇到错误:sed: 1: "s/fa[[:space:]]fa-addre ...": bad flag in substitute command: 'I'sed: 1: "./app/pages ...": invalid command code .
    【解决方案2】:

    由于上述脚本不适用于温度计、电池等图标。创建了一个适用于所有图标的 python 脚本。下面是链接。

    https://github.com/abkcode/fontawesome4to5

    有关升级更改的详细信息,请访问。

    https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4

    【讨论】:

    • 使用 Python 3.7.2 需要修改脚本中的打印语句以将打印内容包含在括号中。 print(fpath) print("\n以上文件已被修改")
    【解决方案3】:

    只需使用use.fontawesome.com/releases/v5.10.1/css/v4-shims.css

    更多细节: https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4

    【讨论】:

      【解决方案4】:

      Fontawesome 提供 v4-shiv.js 将旧的 v4 图标转换为 v5,但它仅适用于 SVG+JS 框架。

      如果您使用带有 webfonts 的 CSS 框架,这里有一个 jQuery javascript 可以做同样的事情。

      https://gist.github.com/timint/fb53929ff196d0a5754188bd93a80cef

      【讨论】:

      • 记得在需要时将“fa”调整为“far”“fab”。
      • 这已经处理好了:$('.fa.'+fa4).removeClass('fa').removeClass(fa4).addClass(fa5);
      • 大多数没有更改名称的图标确实更改了它们的“主”类。您建议的插件仅调整更改名称的图标的“主”类。
      • 我从官方网站获得了列表,上面写着“图标名称更改完整列表”。我用自己的制作更新了列表。现在怎么样?
      • 现在有一个用于 css 样式的 shim 文件
      【解决方案5】:

      我创建了一个 python 脚本来从 4.7 升级到 5.1,而无需这样做。 它对我来说效果最好。 https://gist.github.com/ilanben/38ef4d4545cb74089375af0ceecf439b

      更新: 修复了暂时断开的链接

      【讨论】:

      • 这不是指向 python 脚本的链接。它与其他人已经发布的链接相同。
      • @Luckyrat 感谢您注意到我的错误...感谢您,我现在已经修复了指向我的要点的链接 :)
      【解决方案6】:

      这个 python 和 shell 脚本不能正常工作。我正在使用 Kendo 框架,这是因为 fontawesome shims 脚本不会改变我的类。因为 shim 脚本在组件渲染之前加载。

      我在 node.js 中制作了自己的脚本。 https://github.com/KiPSOFT/fontawesome4to5

      【讨论】:

        【解决方案7】:

        我制作了(又一个)脚本:

        要点在这里https://gist.github.com/cloakedninjas/9e4e029c92a141c547dabdabe9ccbb1d

        它在 Node 中,它使用基于 https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4#name-changes 的 CSV 输入文件(复制到 Google 表格并导出为 CSV。

        想法是,如果未来的升级遵循相同的表结构,重新运行将是微不足道的。

        【讨论】:

          【解决方案8】:

          对于那些正在寻找 NodeJS 而不是 python 的人。

          请先安装glob 并使用以下脚本。 https://gist.github.com/ronaldaug/07d0359352b154f944039ae6934d711f

          它将查找所有字体真棒 4 类并将其替换为 5。

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2012-08-21
            • 1970-01-01
            • 2014-10-14
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多