【问题标题】:WOFF2 conversion from standard WOFF从标准 WOFF 转换为 WOFF2
【发布时间】:2014-05-22 10:16:18
【问题描述】:

我看到一些 Google Webfonts 现在使用 WOFF 2.0。我可以以某种方式将现有的 WOFF 字体转换为这种新的(据说更好的格式)吗?怎么做?

【问题讨论】:

    标签: typography woff woff2


    【解决方案1】:

    当然!您可以将现有的 woff 文件转换为新格式。您将获得超过 30% 的压缩比改进。

    尽管目前浏览器支持有限

    http://caniuse.com/#feat=woff2

    它最终会改变。您应该使用 @font-face 后备并开始将这些指令放入您的 css 中。

     @font-face {
       font-family: MyFont;
       src:
           url('font.woff2') format('woff2'),
           url('font.woff') format('woff');
      }
    

    您可以使用以下工具从 ttf/woff 转换为 woff2.0

    http://everythingfonts.com/woff-to-woff2

    https://github.com/google/woff2

    【讨论】:

      【解决方案2】:

      我找不到任何 WOFF 到 WOFF2 的转换器,但是您可以使用 this 等任何服务轻松地将您当前的 WOFF 字体转换为 TTF。然后使用这个WOFF2 cheat sheet,将TTF转换为WOFF2。

      我用我的字体测试了这些步骤,转换后的字体 WOFF -> TTF -> WOFF2 工作正常。

      【讨论】:

        【解决方案3】:

        我设法转换为 https://everythingfonts.com/woff-to-woff2 这样做是为了我的 fontawseome 图标

        【讨论】:

          【解决方案4】:

          Font Squirrel generator 现在在其生成的字体中包含 WOFF2。所以你可以从你的 TTF 文件中创建它。

          【讨论】:

            猜你喜欢
            • 2018-12-19
            • 2020-05-19
            • 2017-05-05
            • 2021-02-27
            • 2017-10-30
            • 1970-01-01
            • 1970-01-01
            • 2011-07-30
            • 2013-04-28
            相关资源
            最近更新 更多