Question

我尝试在phonegap中为我的应用程序制作自定义字体。为此，我在我的html文件中编写了这段代码：

@font-face {
font-family: 'customfont';
src: url('fonts/BMitra.eot?#') format('eot'), 
url('fonts/BMitra.woff') format('woff'), 
url('fonts/BMitra.ttf') format('truetype'); 
font-style: normal;
}
    body {
        font-family: "customfont";
        font-size:30px;
    }

...

<body>
    <h>Custom Fonts</h>
    <div style="font-family: 'customfont';" id='txt1'>This is for sample</div>
</body>

它在Ripple（chrome模拟器）上工作正常，但它不适用于设备（Samsung Android 4.1.2）

我有googled和stack-overflowed来查找解决方案，我发现这篇帖子font-face on android 4.0.x doesn't work表示有text-rendreing:auto，但它也没有用。

任何帮助，将不胜感激。

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。

p.s感谢Morteza F. Shojaei先生

Android 4.1.2 Phonegap（Cordova）中的自定义波斯语和阿拉伯字体不起作用

1 个答案: