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

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;
}

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