我正在使用JQM构建移动应用程序,需要使用font-face声明自己的字体。
我将 css 文件 fonts.css
作为第一个加载的 css 文件包含在我的 index.html 中,并像这样声明了 font-faces
:
@font-face {
font-family:"MyFont";
font-weight:normal;
font-style:normal;
src:url("fonts/MyFont.woff");
src:url("fonts/MyFont.eot?") format("eot"),
url("fonts/MyFont.woff") format("woff"),
url("fonts/MyFont.ttf") format("truetype"),
url("fonts/MyFont.svg#MyFont") format("svg");
}
我的两个测试设备是带有Android 4.2.1的Google Nexus 7
和带有Android 4.0.4的Motorola Razr
。
在Google Nexus上,它可以在移动Chrome和PhoneGap上使用。但是在Motorola Razr上,只能在移动Chrome上使用。无论是原生的Android浏览器还是Phonegap都不使用MyFont
字体。
是否有任何解决方法来使得我的字体在Android 4.0.x上能够工作?
@font-face
。然而,今天发布了4.2.1版本,当我更新后,@font-face
就无法加载了。 - gavsiu