Rez*_*eza 2 fonts android persian font-face cordova
我试图在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;
}
Run Code Online (Sandbox Code Playgroud)
....
<body>
<h>Custom Fonts</h>
<div style="font-family: 'customfont';" id='txt1'>This is for sample</div>
</body>
Run Code Online (Sandbox Code Playgroud)
它在Ripple(chrome模拟器)上工作正常,但它不适用于设备(Samsung Android 4.1.2)
我有googled和stack-overflowed找到解决方案,我发现这个帖子在android 4.0.x上的font-face无法正常工作,text-rendreing:auto但它也没有用.
任何帮助将不胜感激.
最后我在波斯语和阿拉伯语自定义字体上克服了这个问题,
保持所有代码与@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(' '));
}
Run Code Online (Sandbox Code Playgroud)
哪个txt1是div或span.
ps感谢Morteza F. Shojaei先生