在安卓浏览器中@font-face无法正常工作

Question

以下代码块中的@font-face声明在主流浏览器（包括安卓版Chrome）中都能正常工作，但在安卓浏览器和安卓版Firefox中无法正常工作。（来自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浏览器：

Windows 7上的Chrome 19：

Windows 7上的Firefox 13：

- Eli Grey

Answer 1

.woff在安卓系统中不受支持

请检查字体支持

编辑：我认为页面加载正确，因为在桌面上看起来一样。

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

- Siddhesh

---

这就是为什么我也会包含一个TrueType字体... 我会附上主要浏览器的屏幕截图以供比较。 - Eli Grey

尝试仅使用truetype加载它。删除.woff以进行检查。 - Siddhesh

我之前做过这件事，但没有任何改变。 - Eli Grey

它应该可以工作。也许你可以尝试使用Fontsquirrel随机字体来检查你自己的字体是否损坏或出现了问题？ - mddw

尝试移除.woff文件并在其他平台上加载以确认TrueType是否正常工作。 - Siddhesh

Answer 2

我将 OFTN Aller 字体子集化（加粗）了，因为我不再将它用于其他标题（仅用于标志），这似乎解决了问题。

- Eli Grey