@font face 无法在 Android 上运行答案

【问题标题】：@font face not working on Android@font face 无法在 Android 上运行
【发布时间】：2013-04-19 21:07:20
【问题描述】：

我正在为@font face 使用以下CSS。它适用于我的桌面和我测试过的 IOS 设备。但它在 Android 上失败了：

@font-face {
    font-family: 'ReformaGroteskMedium';
    src: url('/css/fonts/reforma_grotesk/26890C_0_0.eot');
    src: url('/css/fonts/reforma_grotesk/26890C_0_0.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/reforma_grotesk/26890C_0_0.woff') format('woff'),
         url('/css/fonts/reforma_grotesk/26890C_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

我注意到从http://www.fontsquirrel.com/（有效）生成的字体以完全相同的方式嵌入，除了它们还具有以下行：

url('SourceSansPro-ExtraLightIt-webfont.svg#SourceSansProExtraLightItalic') format('svg');

这就是我的版本不工作的原因吗，Android 只支持 SVG 吗？

我在华硕平板电脑上使用的 Android 版本是 4.0.1。它在较新的 Android 手机上运行良好。

【问题讨论】：

标签： android css fonts font-face

【解决方案1】：

引用 THIS ARTICLE 的 Moz 开发网络：

当 SVG 被指定时，对 Web 字体的支持还远远没有预期的。然而，由于正确的字体对于渲染至关重要一个图形，决定添加字体描述技术 SVG。它并不意味着同意其他格式，如 PostScript 或 OTF，但作为一种嵌入字形信息的简单方法渲染引擎。

所以我猜想 SVG（可缩放矢量图形）格式应始终用作“降落伞”，以允许任何浏览器/设备引擎正确呈现字体。
无论如何，我没有找到任何关于 Android 4.0.1 和字体导入的官方信息，但我强烈建议在导入字体时也始终使用 SVG 格式。

【讨论】：

好的，谢谢，我将在星期一再次访问该 Android 平板电脑时添加 svg 来测试它。

【解决方案2】：

您可能会遇到这个 Android 错误：

https://code.google.com/p/android/issues/detail?id=73945

根据他们的说法，它在 Android 4.4 上已修复，但在以前的版本上未修复:(

【讨论】：