Android 4 @font-face 显示答案

【问题标题】：Android 4 @font-face displayAndroid 4 @font-face 显示
【发布时间】：2012-09-24 22:06:17
【问题描述】：

在 Android 4.x 上有一个非常奇怪的问题。我使用的字体不会显示欧洲货币代码。

在任何 iOS 和 Android 2.x 上都可以正常工作：

@font-face {
    font-family: 'Trade Gothic Bold';
    src: url('../../font/tradegothic-bold-webfont.eot');
    src: url('../../font/tradegothic-bold-webfont.woff') format('woff'), 
         url('../../font/tradegothic-bold-webfont.ttf') format('truetype'), 
         url('../../font/tradegothic-bold-webfont.svg#webfontmlgY0et7') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family: 'Trade Gothic Bold', Arial, Helvetica, Geneva, sans-serif;
    text-transform: uppercase;
}

奇怪的是，Trade Gothic Font 在 4.x 上的其他任何地方都可以正常显示，甚至其他货币代码也可以正常显示 (dollars, pounds, etc)。

有人遇到过这种情况吗？我通过检测用户代理并将字体切换为 arial 来强制修复，并且渲染效果很好。当我告诉他们这是字体问题时，PM 不太相信我。

【问题讨论】：

标签： android css unicode font-face

【解决方案1】：

有一个类似的问题，即 MyFonts 许可的 Trade Gothic Font 根本没有被 Android 4.0.x 手机在本机浏览器（相对于 Android 版 Chrome）上获取。

一旦确认 css 是正确的并且浏览器下载了 truetype 字体文件，我尝试将 .ttf 文件替换为相同的字体，但来自不同的提供商，结果证明可以正确呈现字体。

因此请记住，至少对于这种特定字体，某些二进制文件可能在 Android 浏览器上存在问题。

【讨论】：