3
我有一個帶有阿拉伯語自定義字體的phonegap項目。在Chrome中,字體顯示正確,並且在物理Android設備中顯示,但在iPhone中安裝的phonegap應用中字體沒有影響。phonegap項目中的自定義字體
下面是一般結構的PhoneGap項目: - css文件夾,內含fonts.css 一個CSS文件 - 字體文件夾,內含QCF_P001.TTF
我的環境TTF文件如下: - 物理iPhone 6設備 - - 在窗口10 發展從App Store中的PhoneGap應用程序版本1.7.1
這是CSS代碼:
@font-face{
font-family: "Uthman";
src: url('../fonts/QCF_P001.TTF') format('truetype');
}
.aya {
font: 18px "Uthman", Arial;
text-align: right;
}
這是HTML代碼的一部分:
<body ontouchstart="">
<header class="bar bar-nav">
<h1 class="title">Fonts Project</h1>
</header>
<div class="content">
<div class="card">
<h1 class="aya">65432</h1>
</div>
</div>
</body>
附帶圖像是鉻,機器人裝置,和iPhone設備 enter image description here