typography - 从标准 WOFF 转换为 WOFF2

标签 typography woff woff2

我发现一些 Google Webfonts 现在使用 WOFF 2.0。我可以以某种方式将现有的 WOFF 字体转换为这种新的(据说是更好的格式)吗?又如何?

最佳答案

当然!您可以将现有的 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

关于typography - 从标准 WOFF 转换为 WOFF2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22958700/

相关文章:

php - 使用 php 转换 otf 2 woff

android-7.0-nougat - Android Nougat 中 .woff 字体文件的 Android 运行时异常 "Font asset not found"

font-awesome - 我真的需要为 FontAwesome 或 WOFF2 类型加载所有这些字体类型吗?

sifr - Web字体嵌入与sifr?

html - 从基线测量计算行高、边距等

css - 浏览器不呈现 WOFF 字体 (@font-face)

html - Woff2 @font-face 无法正确加载

javascript - Bootstrap woff2 字体未正确加载

css - 字母间距 css 后的内容

css - 去除网页上冒号符号的跳跃