自定义字体在PhoneGap中无法正常工作。

Question

我正在尝试在PhoneGap中使用自定义字体，方法如下 -

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

但是这对我没有用。
问题出在哪里？请帮帮我！

- Andy

---

可能是在Android PhoneGap中使用自定义字体的重复问题。 - Sebastian Mach

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。

- Reza

---

您好，我很高兴我们能够就Phonegap编程连接在一起。 - SalmanShariati

@Salman，由于我不知道在这里放置我的电子邮件地址是否合法，我们可以通过 LinkedIn 进行联系。 - Reza

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

- Ajeet Singh