2016-08-14 18 views
3

アラビア語のカスタムフォントを使用したphonegapプロジェクトがあります。 chromeでは、フォントは正しく表示され、Androidの物理デバイスにも表示されますが、iPhoneにインストールされているphonegapアプリケーションではフォントには何の影響もありません。phonegapプロジェクトのカスタムフォント

以下

一般的な構造のPhoneGapプロジェクトです: - fonts.cssと呼ばれるCSSファイルが含まれているのcssフォルダ - QCF_P001.TTF

私が持っている環境と呼ばれるTTFファイルが含まれているフォントフォルダは以下の通りです: - 窓10 現像 - 物理iPhone 6デバイス - 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> 

添付画像は、フォントバンドルに他のフォーマットを追加クロム、Androidデバイス、およびiPhoneデバイス enter image description here

答えて

1

試行のスナップショットである:

@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.ttfFont Squirrelフォントジェネレータ

関連する問題