phonegap項目中的自定義字體

我有一個帶有阿拉伯語自定義字體的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

來源

2016-08-14 Abdallah

嘗試增加其他格式的字體束的快照：

@font-face { 
    font-family: 'QCF_P001'; 
    src: url('../fonts/QCF_P001.woff2') format('woff2'), /* Super Modern Browsers */ 
     url('../fonts/QCF_P001.woff') format('woff'), /* Pretty Modern Browsers */ 
     url('../fonts/QCF_P001.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('../fonts/QCF_P001.svg#QCF_P001') format('svg'); /* Legacy iOS */ 
}

要生成網絡字體從QCF_P001.ttf轉到Font Squirrel字體生成器

來源

2017-10-10 06:30:37 CodeGems

phonegap項目中的自定義字體

回答

相關問題