PhoneGap应用程序无法加载CSS font-face

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

你也应该小心你的自定义字体相对路径。