【发布时间】:2014-05-22 10:16:18
【问题描述】:
我看到一些 Google Webfonts 现在使用 WOFF 2.0。我可以以某种方式将现有的 WOFF 字体转换为这种新的(据说更好的格式)吗?怎么做?
【问题讨论】:
标签: typography woff woff2
我看到一些 Google Webfonts 现在使用 WOFF 2.0。我可以以某种方式将现有的 WOFF 字体转换为这种新的(据说更好的格式)吗?怎么做?
【问题讨论】:
标签: typography woff woff2
当然!您可以将现有的 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
【讨论】:
我找不到任何 WOFF 到 WOFF2 的转换器,但是您可以使用 this 等任何服务轻松地将您当前的 WOFF 字体转换为 TTF。然后使用这个WOFF2 cheat sheet,将TTF转换为WOFF2。
我用我的字体测试了这些步骤,转换后的字体 WOFF -> TTF -> WOFF2 工作正常。
【讨论】:
我设法转换为 https://everythingfonts.com/woff-to-woff2 这样做是为了我的 fontawseome 图标
【讨论】:
Font Squirrel generator 现在在其生成的字体中包含 WOFF2。所以你可以从你的 TTF 文件中创建它。
【讨论】: