cordova - 自定义字体在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 元素是否具有为“ text-transform:uppercase ”定义的样式。

至少这对我来说是个问题，如果您在应用程序中使用，从默认 index.css 中的 body 元素中删除它之后，也可能对您有所帮助。

对我来说，我使用的是 gurmukhi/punjabi 字体，并且在从 index.css 中删除上述行之后，它就像只有以下 css 定义的魅力一样

例子 ：

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