cordova - カスタム フォントが phonegap で機能しない

Question

電話ギャップでカスタムフォントを使用しようとしています-

@font-face {
font-family: "customfont";
src: url("./fonts/CFBacktoSchool-Regular.ttf") format("truetype");   
}
body {
    font-family: "customfont";
}

しかし、それは私にはうまくいきません。
何が問題ですか？お願い助けて！

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です。

Answer 2

考えられる問題は、cordova のデフォルトの index.css にあります。body 要素に「text-transform:uppercase」のスタイルが定義されているかどうかを確認してください。

アプリケーションで使用している場合、デフォルトの index.css の body 要素からこれを削除した後、少なくともそれが私にとっての問題でした。

私にとっては、グルムキー/パンジャブ語フォントを使用していました.index.cssから上記の行を削除した後、以下のCSS定義のみで魅力的に機能しました

例 ：

.demo {
   font-family: anmol
}
@font-face {
   font-family: anmol;
   src: url(../fonts/anmol.ttf);
}