8

iOSのPhonegapでカスタムフォントを機能させようとしています。私はいくつかのチュートリアルに従い、Stack Overflowに関連するすべての質問を読みましたが、すべてを再確認しても、正しく理解できません。

これはフォントです：http ：//www.dafont.com/m04fatal-fury.font （黒バージョン）

私が取ったステップ

Xcodeをリソースとして使用して、カスタムフォントファイルをプロジェクトに追加します。UIAppFontsという名前のキーをInfo.plistファイルに追加します。このキーを配列にします。使用しているフォントごとに、フォントファイルのフルネーム（拡張子を含む）をアイテムとしてUIAppFonts配列に入力します。Info.plistを保存アプリケーションで[UIFont fontWithName：@"CustomFontName"を呼び出すだけです。 size：12]UILabelsやUITextViewsなどで使用するカスタムフォントを取得するには…</p>

  1. リソースフォルダm04b.ttfにフォントを追加しました
  2. UIAppFonts配列を追加しました。[0] =>'m04b.ttf'
  3. 実際のフォントファイルがビルドフェーズのリソースにあることを確認しました
  4. ctx.font = '16px M04_FATAL FURY BLACK';

動作しませんでした。

追記名M04_FATAL-FURY-BLACKを試しましたが、まだ運がありません。私はここで完全に迷子になっています。このエラーをデバッグするために何をすべきか本当にわかりません。

助けてくれてありがとう。何が問題なのですか？すべてがロードされているかどうかを確認するにはどうすればよいですか？

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>UIAppFonts</key>
    <array>
        <string>m04b.ttf</string>
    </array>
    <key>CFBundleDevelopmentRegion</key>
    <string>English</string>
    .....
4

7 に答える 7

0

「UIAppFonts」の代わりに、キー名を入力すると提案される「アプリケーションによって提供されるフォント」キーの下にある.plistファイルにフォントを追加してみてください。

于 2013-03-28T14:28:44.870 に答える
0

同じ問題がありました。問題は、ファインダーを介してリソースフォルダーにフォントを追加したことです。フォルダー内にあるフォントが Xcode に表示されないことに気付きました。次に、xcodeを介してファイルを追加しましたが、うまくいきました!

于 2014-04-01T16:00:12.650 に答える
0

CSS font-face を使用しましたが、うまく機能します: https://developer.mozilla.org/en-US/docs/CSS/@font-face。

www/css の下にフォントを追加し、適切なパスでフォントフェイスを含めました。

于 2013-03-25T07:35:00.907 に答える
0

フォントをダウンロードして、www フォルダーのどこかに配置します。

css ファイルに以下を追加します。

@font-face {
    font-family: customFontExample;
    src: url('/fonts/AveriaGruesaLibre-Regular.ttf'); 
}

src は、フォントをダウンロードした場所へのパスです。この後、次のように「customFontExample」という名前を使用して、要素にカスタム フォントを指定できます。

h1{
font-family: customFontExample;
}
于 2013-03-31T17:28:20.777 に答える
0

ここにいるすべての人に、@font-face が必要な場合は、間違っています。

アプリで UIFont を使用してフォントを使用できるようにしたら、作成した任意の UIWebView でもフォントを使用できます。font-family css プロパティを正しい方法で指定するだけです。

例えば

.customfont { font-family: 'M04_FATAL-FURY-BLACK'; }
于 2013-03-31T19:51:30.333 に答える
0

「アプリケーションが提供するフォント」/リソース埋め込みメソッドを試したところ、アプリケーションで .ttf 拡張子も指定する必要があることがわかりました。

しかし、キャンバスのコンテキストでは、適切なサイズを取得できませんでした。フォントが非常に小さかったのです。

したがって、私の経験では、これはうまく機能せず、html @font-face メソッドにフォールバックする必要があります。これは、フォントがいつ読み込まれて使用できるようになったかを知るのが非常に難しいため、苦痛です...

于 2013-05-02T22:57:10.467 に答える