問題タブ [font-awesome-4]

Bootstrap を既に持っている MVC アプリケーションで Font Awesome を使い始めたところです。いくつかのアイコンを使用する必要があり、プロジェクトにコピーfont-awesome.cssしましたが、アイコンが表示されません。私はこのcssだけをインクルードしましたが、よくわかりませんが、他にもインクルードするファイルがあるかどうか尋ねたいですか?

私のページに表示される方法は次のとおりです。

チェックインした Firebug と css パネルでの表示は次のとおりです。

修正方法を教えてください。

あなたの助けと指導に感謝します

特定のjsイベントでfa-spinを使用および追加/削除しています。3x で簡単に見える問題は、歯車が固定軸を中心に回転しないことです。これは、画像が視覚的に正方形であるにもかかわらず、Chrome によってアイコン自体 (SVG) が 42 x 49 ピクセルで報告されるためだと思われます。この問題を回避するための提案はありますか?

微妙ですが目立ちます: http://www.screencast.com/t/NwJTcKe4o

私はフォントの素晴らしい（4.0.3）とブートストラップ（3.0.0）を使用していますが、フォントを変更したいだけです。しかし問題がある。"font awesome" の "fa fa-group" などのすべての css クラスは表示されなくなり、代わりに "F06E" のような Unicode 記号が入った小さな四角形 (2 行で区切られている) が表示されます (テキストフォーマットされていますが、シンボルは unicode-text に変換されます)。

HTML:

CSS:

私に何ができる ？！

JSFiddle での実例

よろしくマーティン

Font Awesomeアイコンとそのfa-borderスタイルを使用します。

ただし、作成される境界線のサイズはシンボルのサイズによって異なります (例を参照)。常に正方形にするにはどうすればよいですか？

これは私のコードです。サイズ1xの正方形のボックス内にテキストメッセージを表示する方法。

ブートストラップ 3 の fa fa-xxxx を font-awesome から灰色から白に変更するにはどうすればよいですか? 背景が黒なので、アイコンに別の色が必要です。

以下のデザインカンプに示すように、Fontawesome シェブロンを使用して背景画像に透明なオーバーレイを作成しようとしています。

3 つの floated をこのように見せるためにあらゆる種類のことを試した後DIV、私は使用することに頼りました

display:table-cell

左右の div には白い背景を使用し、ブロックの中央に山形の DIV を保持します。

これは IE と Chrome では問題なく動作しますが、Firefox ではDIV何らかの理由で中央が押し下げられます。これは、DIV正確に 160 ピクセルの幅を維持する必要があるため、透明なイメージを使用する最終バージョンでは問題になります。WidthでMax-width動作しないようですdisplay: table-cell。

これがjsFiddleです。

質問 1: FF でこの作業を行うにはどうすればよいですか?
質問 2: より良い方法はありますか (4K モニターを説明するのに十分な幅の丸いカットアウトを持つ単一の画像を使用する以外に)

私の英語から申し訳ありません。

こんにちは、私はいくつかの参照でFontAwesomeを使用しています。アイコンと下線付きのテキスト リンクを削除する必要があります。そのような可能性はありますか?

JSFiddleのパターン