自定义字体在Android模拟器上工作,但不在设备上。 (PhoneGap的)

时间:2014-02-28 18:53:15

标签: android css cordova fonts

我正在构建一个Phonegap应用程序,我正在尝试使用css包含字体,如下所示:

@font-face {
    font-family: "ostrich";
    src: url("fonts/Ostrich.ttf") format("truetype"); 
}

这适用于在运行Android 4.4.2的Nexus S上运行的模拟器,但它不适用于在Android 4.3上运行的物理Samsung S3。

我试图通过将我的fonts文件夹复制到我的assets目录并将其作为“file:///android_asset/fonts/Ostrich.ttf”访问来修复它,再一次,这似乎可以在我的模拟器中工作,但是不在我的设备上。

我可能做错了什么,但如果这是一个错误,那么为什么会这样做呢?我非常感谢你的帮助。

非常感谢。

编辑1: 我已经在StackOverflow中浏览了很多问题,试图解决这个问题。我注意到他们链接最多的是how use custom fonts in phonegap - 然而他们提到它似乎不适用于Android 4+,但它确实在我的模拟器中工作,它只对我的物理不起作用设备...

1 个答案:

答案 0 :(得分:1)

在与我的手机摔跤几个小时之后,我发现this answer基本上表明Android 4.3存在一个错误,这让这个问题变得很麻烦。令人惊讶的是,漫游很容易,你只需要用@media only screen {}和 include svg fonts 来包装你的字体。那应该做:))

非常感谢,祝你好运。希望如果你遇到这个问题,你会比我更快地找到这个答案。