問題タブ [font-awesome-4]

Font Awesome の Iconsからアイコンの色、サイズ、影のスタイルを設定するにはどうすればよいですか?

たとえば、Font Awesome のサイトでは、白​​と赤でいくつかのアイコンが表示されますが、CSSそのようにスタイルを設定する方法は表示されません...

Font Awesome 4.0は、Font Awesome をゼロから完全に書き直したものです。主な新機能の 1 つは、アイコンに名前空間が付けられたことです。名前空間に加えて、アイコンは一貫性と予測可能性に基づく新しい命名規則を利用します。残念ながら、この新しい命名規則は、Font Awesome 3.2.1 から大きく逸脱しています。

Font Awesome 3.2.1 から Font Awesome 4.0 へのアップグレードガイドはありますか?

IIS8 で新しい (シンプルな) Web サイトを作成しました。簡単なIndex.htmlを作成し、jQuery、Bootstrap3、Font-Awesome 4.0.0 を入れて遊んでみました。

ただし、Font-Awesome アイコンは何も表示されません (四角形):

私のフォルダ構造は

私のHTMLコード:

Font-Awesome @font-face は:

Chromeは、.woffファイル（または何も）がダウンロードされていないことを示しています（ 404もありません）

私はもう試した

• IE 11、Firefox、Chrome
• サイトをライブサーバーに置く
• .woff の MIME タイプを
  • font/x-woff
  • application/x-font-woff
  • application/font-woff
  • font/woff
• アプリケーション プールへの完全な読み取り権限
• @font-face の url() を から に変更../fonts/するfonts/
• その他の不要な css および js ファイルをすべて削除する
• ページ全体の更新、キャッシュのクリア

アプリでまだ Font Awesome 3 を使用していますが、ドキュメントは現在 v4 のみになっているようです。バージョン 4 ではアイコンのクラス名が変更されたため、どちらを使用すればよいかわかりません。たとえば、fa-check-squarev4 はicon-check-square予想どおり v3 ではありませんが、icon-check-sign.

Rails 4 アプリに Fontawesome を含めようとしていますが、アセットがアセット パイプラインに含まれていません。ただし、フォントは本番環境でうまく機能しておらず、その理由はわかりません。

ファイル構造編成

/assets/components Fontawesome が次の場所に表示されるように、すべてのアセットは次の場所に保存され/assets/components/font-awesomeます (Bower を使用しているため、これらは別のディレクトリにあります)。

CSS マニフェスト ファイル:

アセット パイプラインは、フォントをプリコンパイルするように設定されています

この質問に従ってフォントがすべてプリコンパイルされるように、プリコンパイル手順を追加しました

Heroku 12 Factor gem が含まれています

だから問題は何ですか？

Heroku にプッシュすると、アプリケーションがファイルを要求しているが、ロードしていないことが示されます。

ログを見ると、ルーティングの問題のようです-フォントが提供されることを期待して/assets/fontsいましたが、どうやら調べているようです/fonts

アセットが提供されない理由

私はこれらすべてに少し混乱しています。これらのフォントが提供されていないのはなぜですか?

現在 3.0.2 を実行しており、4.0.3 へのアップグレードを検討しています。アップグレードを進める場合、すべての html にアクセスして、現在アイコンに対して使用している呼び出しを変更する必要がありますか? ありがとう