Question

我使用PhoneGap在Android中实现了一个应用程序。所以UI是用jQuery Mobile实现的。我使用CSS font-face为应用程序文本提供自定义字体。

@font-face {
    font-family: "MyFont";
    src: url("../fonts/MyFont.ttf") format("truetype"),
    src: url("../fonts/MyFont.otf") format("opentype");
}
body {
    font-family: MyFont;
}

但是当我在Android上安装应用程序时，文本会以默认字体显示。

如何在Android中解决此问题？

Answer 1

这是一个适用于Android手机的正确语法：

@font-face {
    font-family: 'yanone';
    src: url('fonts/yanone/YanoneKaffeesatz-Regular-webfont.eot?') format('eot'), 
         url('fonts/yanone/YanoneKaffeesatz-Regular-webfont.woff') format('woff'), 
         url('fonts/yanone/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'), 
         url('fonts/yanone/YanoneKaffeesatz-Regular-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

您还应该注意自定义字体的相对路径。

CSS font-face不会加载到PhoneGap应用程序上

1 个答案: