自定义字体在phonegap中不起作用

Question

我正在尝试使用 -

在手机间隙中使用自定义字体

@font-face {
font-family: "customfont";
src: url("./fonts/CFBacktoSchool-Regular.ttf") format("truetype");   
}
body {
    font-family: "customfont";
}

但它对我不起作用。
问题是什么？请帮帮我！

Answer 1

最后我在波斯语和阿拉伯语自定义字体上克服了这个问题，

保持与@fontface相同的所有代码， 下载此软件包http://averta.net/labs/fa/?p=10

从解压缩的存档中，将bifon-1.1b.js添加到您的html并使用此脚本

function onDeviceReady() {

    $('#txt1').text(FarsiStyle.convert('سلام عليكم').split('').reverse().join('').split(' ').reverse().join(' '));

} 

其中txt1是div或span。

Answer 2

可能的问题在于cordova中的默认index.css。检查body元素是否为＆＃34; text-transform：uppercase ＆＃34;定义了样式。

Atleast对我来说是个问题，如果你在你的应用程序中使用，从默认index.css中的body元素中删除它之后，也可以帮助你。

对我来说，我使用的是gurmukhi /旁遮普字体，并且在从index.css删除上述行之后，它只是像下面的css definiitions一样工作

示例：

.demo {
   font-family: anmol
}
@font-face {
   font-family: anmol;
   src: url(../fonts/anmol.ttf);
}