android - @font-face 在 Android 浏览器中不工作

标签 android css google-chrome font-face

以下 @font-face 声明在每个主要浏览器(包括 Chrome for Android) 中都可以正常工作,除了 Android 浏览器Android 版 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 浏览器:

Screenshot of oftn.org

Windows 7 上的 Chrome 19:

Screenshot of oftn.org

Windows 7 上的 Firefox 13:

Screenshot of oftn.org

最佳答案

.woff 在安卓不支持

检查 font support

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

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

关于android - @font-face 在 Android 浏览器中不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10945159/

相关文章:

android - java.lang.SecurityException : Permission Denial: opening provider 错误

android - 到底如何观察Android的剪贴板呢?

html - @font-face css 技术的问题

javascript - 从 Chrome 开发者工具控制台获取最后返回值

javascript - 关闭 Chrome 扩展中的当前选项卡

android - 根据 sdk 级别为菜单项使用不同的 drawable?

android - 我在哪里可以了解如何使网站适应多种 Android 分辨率?

html - 使用 CSS 调整表格单元格间距

javascript - CSS 动画 : changing images in an infinite loop

javascript - 我可以使用 Javascript 获取命令行信息吗?不是浏览器版本信息