問題タブ [font-awesome-4]

使用するアイコンをいくつか選択しましたが、1 つを除いてすべて表示されています。fontawesome サイトのアイコン ページの CSS と自分の CSS を比較したところ、いくつかのスタイルが欠けていました。不足しているスタイルを追加しましたが、アイコンにはアイコンではなくプレースホルダーが表示されたままです。

HTML:

CSS:

繰り返しますが、他のすべてのアイコン (14 個) は正しく表示されていますが、このアイコンだけは表示されていません。

(フォント オーサム 4.0.3)

私は Magento のボイラープレート テンプレートを使用していますが、このテンプレートには既に素晴らしいフォントが含まれています。Links.php に class="btn btn-primary" を追加して、トップ リンクに自分の車のブートストラップ ボタンを作成しましたが、font awesome からカート アイコンを追加しようとすると問題が発生します...

このコードを「マイ カート (2 アイテム)」のトップ リンクの前に追加したい: マイ カート

私は成功せずにいくつかのことを試しました...

助けてくれてありがとう

編集:これは私の top.links.phtml の外観であり、コードを追加する方法がわかりません:

fontawesomeでプラグインを使いたいgrails。プラグインを追加するためにビルド構成コンパイル:font-awesome-resources:4.0.3.1に追加しました。追加しました

しかし、applicationresource.groovyアプリケーションを実行するとエラーが発生します

ERROR resource.ResourceProcessor - Unable to load resources Message: No such property: pluginManager for class: org.springframework.web.context.support.XmlWebApplicationContext.Please provide solution.

font-awesome クラスでコンパイルしようとしている main.less ファイルがあります。

私の少ないファイルは非常に単純です:

grunt-contrib-less が提供する less コンパイラを使用します。

出力は次のとおりです。

• 少ないバージョン: 1.7.4
• Grunt-contrib-less バージョン: 0.11.4
• Font-awesome バージョン : 4.1.0

問題はどこだ ？

Fontawesome アイコンを垂直方向に中央揃えにしようとしています。これらのアイコンは、親要素内の中央に配置する必要があります。問題は、要素の上にカーソルを置いたときにのみ、Firefox (31) にいくつかのアーティファクトが表示されることです。

以下の jsfiddle リンクを参照してください: http://jsfiddle.net/8ap92j7z/1/

私は何を間違っていますか、どうすれば修正できますか?

LESSを使用して、Webデザインのセマンティック原則（HTMLタグに何十億もの非セマンティッククラスを配置しない）に従って、Bootstrapと同じ方法でFont-awesomeを使用しようとしています。

それは不可能のようです: アイコンの定義は次のようになります:

これは mixin 定義ではなく、LESS 変数を使用して構築された従来の CSS ルールです。

だから、私はこの種の宣言を行うことができません:

Lesscは、.fa-home未定義であることを訴えます。

HTMLコードを腐らせないようにする方法はありますか? クラスを less で他のクラスに帰属させる方法はありますか?

ありがとう ！

Font Awesomeドキュメントのベースで、このアイコンを作成します。

このコードは、次の html を作成します。

積み上げ旗のアイコンです。ホバーイベントでアイコンの色を変更したいのですが、これらすべてを試しました：

しかし、機能していません。