14

PhoneGap は Web フォントをサポートしていますか? サポートしている場合、どのように使用しますか? 現在、ページにこのコードがありますが、エミュレーターにロードすると機能しません (Android アプリ内では、ブラウザーからページをロードしようとはしていません)...

@font-face {
    font-family: 'HelveticrapRegular';
    src: url('fonts/helveticrap-webfont.eot');
    src: url('fonts/helveticrap-webfont.woff') format('woff'), url('fonts/helveticrap-webfont.ttf') format('truetype'), url('fonts/helveticrap-webfont.svg#webfontHlJ0Jib3') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: "HelveticrapRegular", "Helvetica", "Arial", "sans serif";
}

自分のページを Firefox で読み込むと、うまくいくので、何が間違っているのかわかりません。

フォント CSS は fontsquirrel によって生成されたものであると言うのが役立つかもしれません

ありがとう:)ジョエル

4

3 に答える 3

8

Woff 形式のカスタム フォントの使用に問題がありました。次に、それを Woff から Ttf に変換したところ、私の Android デバイスで動作しました。そのため、Woff 形式を使用すると問題が発生する可能性があります。

したがって、.woff から .ttf に変換すると問題が解決する場合があります。

于 2012-09-17T20:56:09.913 に答える
5

PhoneGapにWebフォントを認識させるのに問題はありませんでした。WebKitがそれを行う場合、AndroidとiOSがそれを行います。私が現在取り組んでいるプロジェクトでは、現在Androidでのみテストされています。

@font-face{
 font-family: MyFont; 
 src: url('../fonts/my_font.ttf') format('truetype');
 src: url('../fonts/my_font.otf') format('opentype');

その後、スタイルに

font-family:MyFont, arial, sans-serif;
于 2011-06-30T05:41:58.710 に答える
1

残念ながら、これは既知のバグです。

于 2011-11-13T02:20:26.870 に答える