如果 EOT 和 WOFF 不能在 Android 设备上运行，Typekit 是备份吗？答案

【问题标题】：If EOT and WOFF do not work on Android devices, is Typekit a backup?如果 EOT 和 WOFF 不能在 Android 设备上运行，Typekit 是备份吗？
【发布时间】：2013-10-03 18:37:19
【问题描述】：

我希望在响应式网站上使用购买的带有 WOFF 和 EOT 字体格式的 Web 字体。不用说，该格式需要适用于包括 Android 在内的所有设备。

我正在与开发人员合作，他们告诉我此类设备不支持 WOFF 和 EOT。

我的问题是，如果可以通过 typekit 进行托管，这会有所不同吗？

【问题讨论】：

标签： font-face typekit

【解决方案1】：

您说默认 Android 浏览器不支持 WOFF 或 EOT 字体是正确的。 Android 设备广泛支持的唯一字体格式是 TTF/OTF。一些较新（3.0+）的 Android 版本也将支持 SVG 字体。通常，Web 字体将与所有三种主要格式打包在一起：WOFF、EOT 和 TTF/OTF。这三种文件类型在您的 CSS 中与正确的 @font-face 一起使用时，将确保该字体在当今大量使用的几乎所有设备/浏览器上都能正常工作。

您的 webfont 应该包含所有三种主要文件格式。如果没有，您可以使用诸如Font Squirrel Webfont Generator 之类的工具来获取它。通过 typekit 托管也可以提供解决方案，但 typekit 在某些情况下并不是免费的，这与自己进行转换不同。

【讨论】：

TTF 是我使用 Android 4.0 的解决方案（WOFF 不起作用）

【解决方案2】：

试试这个实现

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
  font-family: 'OpenSans';
  font-weight: 300%;
}

有关更多信息，请查看此示例 https://github.com/ttibensky/BulletProof-font-face-implementation

【讨论】：

应该也包括 woff2
@JeffAtwood woff2 在我撰写此回复时并不存在。如果你愿意，建议编辑我的答案，否则删除 -1
我没有对此投反对票，所以我不确定你指的是谁