Question

我正在为@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手机上运行良好。

Answer 1

从THIS ARTICLE：

引用Moz Dev网络

当指定SVG时，对Web字体的支持远非如此预期。因为正确的字体对渲染至关重要在图形中，决定添加字体描述技术 SVG。它并不意味着与PostScript或其他格式一致 OTF，但作为嵌入字形信息的简单方法渲染引擎。

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

Answer 2

你可能正面临这个Android错误：

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

根据它们，它在Android 4.4上修复，但在以前的版本中没有修复:(

@font面对Android不起作用

2 个答案: