Question

在 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不太相信我。

Answer 1

有一个类似的问题，原始浏览器上的 Android 4.0.x 手机完全没有获取MyFonts许可的Trade Gothic Font（而不是Chrome for Android）

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

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

Android 4 @ font-face显示

1 个答案: