PhoneGap iOSアプリケーションでレンダリングされないフォント素晴らしいアイコン

Question

むしろアイコンをレンダリングする小さな正方形を得ている：

ブラウザ内で完全にうまく機能しますが、iOSシミュレータやモバイルサファリでアプリを見たとき、正方形はそこにいました。

あなたの助けのためにそんなにありがとう！

Answer 1

私は同じ問題を持っていました。私は "font-awesome.min.css"ファイルを直接私のCordova iOS Xcodeに "index.html"ファイルでそれを呼び出されたより：

<link rel="stylesheet" href="css/font-awesome.min.css">

.

その後、jQuery Mobile Callの前の「index.html」でさえ、デフォルトのjQuery Modile Preloaderの代わりにFont Awesome Spinnerを使用しようとします。

<script>
        $(document).bind( 'mobileinit', function(){
                         $.mobile.loader.prototype.options.text = "loading";
                         $.mobile.loader.prototype.options.textVisible = true;
                         $.mobile.loader.prototype.options.theme = "p";
                         $.mobile.loader.prototype.options.textonly = false;
                         $.mobile.loader.prototype.options.html = "<span class='ui-bar ui-overlay-c ui-corner-all'><i class='fa fa-spinner fa-spin fa-5x' style='color:#000;'></i></span>";
                         });
</script>

.

結果は同じ回転正方形です。

Answer 2

最初に、フォントをインストールします：

最新の font awesome バージョン fontawesome-webfont.ttfをダブルクリックしてラップトップ/デスクトップにインストールします（オプション） fontawesome.cssをwww / cssにコピーします fontawesome.cssのフォントファイルへの参照を削除する、すなわち@ font-face宣言を削除する その後、Xcode：

fontawesome-webfont.ttfを "プロジェクト/リソース/ fonts / fontawesome-webfont.ttf"にコピーします。 「情報」タブを選択して、.plistファイルにフォントを追加します。 「アプリケーションによって提供されたフォント」という名前の新しいプロパティを追加し、値を "fontawesome-webfont.ttf"に設定します。 プロジェクトをきれいにして構築します。フォント素晴らしいは使用される準備ができています。

PhoneGapの例： class="fa fa-cog"