@ font-face无法在Android浏览器中使用

时间:2012-06-08 08:05:39

标签: android css google-chrome font-face

以下@font-face声明适用于所有主要浏览器(including Chrome for Android),但Android BrowserFirefox for Android(来自http://oftn.org/css/global.css)除外:

@font-face {
        font-family: "OFTN Aller";
        src: url("../fonts/OFTN-Aller-Bold.woff") format("woff"),
             url("../fonts/OFTN-Aller-Bold.ttf") format("truetype");
        font-weight: bold;
        font-style: normal;
}
@font-face {
        font-family: "OFTN Aller";
        src: url("../fonts/OFTN-Aller.woff") format("woff"),
             url("../fonts/OFTN-Aller.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
}

我可能做错了什么?

截图

Android 4.0.3浏览器:

Screenshot of oftn.org

Windows 7上的Chrome 19:

Screenshot of oftn.org

Windows 7上的Firefox 13:

Screenshot of oftn.org

2 个答案:

答案 0 :(得分:1)

android

不支持.woff .woff

检查 font support

编辑:我认为页面加载正确,因为它在桌面上看起来相同。

Our Name
ΩF:∅ means "ohm-farad to none", and we usually pronounce it as "often".

答案 1 :(得分:0)

我的子集OFTN Aller(粗体)更多,因为我不再使用它用于其他标题(只有徽标),这似乎解决了这个问题。