ios - PhoneGapで構築されたiPhoneアプリでGoogleWebフォントを使用するにはどうすればよいですか？

Question

iOSデバイス用に構築されたPhoneGapアプリでGoogleWebFontsを使用したいのですが、コードを使用してWeb経由でフォントを動的にフェッチするのではなく、アプリのバンドル内でフォントファイルをホストしたいと考えています。

デバイスがオフラインの場合、フォントファイルがアプリにバンドルされていない限り、フォントは使用できません。

GoogleはWebフォントをダウンロードする機能を提供していますが、HTMLアプリ内のローカルフォントファイルをどのように参照するのでしょうか。

score 11 · Accepted Answer

フォントファイルを.ttf形式でassets/wwwフォルダーのどこかに置きます。

宣言：

@font-face {
  font-family: "Droid Serif";
  src: url('fonts/DroidSerif.ttf');/* relative path from the css file */
}

次に、次のように使用します。

.someClass, #someId, someTag{
  font-family: Droid Serif;
}

score 2 · Accepted Answer

私は昨日の大部分をiOSのPhoneGapでフォントを機能させる方法を考え出すことに費やしましたが、間違いは次のとおりでした。

src: url('/fonts/DroidSerif.ttf');

に変更されました：

src: url('../fonts/DroidSerif.ttf');

多分これは同じ頭脳を持つ誰かを助けるでしょう。

2 に答える 2