問題タブ [fontawesome-4.4.0]

Rails 4 アプリがあり、フォントの素晴らしいアイコンを使用しようとしています (ソーシャル メディアのログイン リンク用)。

私は持っている：

私の宝石ファイルで：

また、ブートストラップ sass を使用しています。

私の見解では、私は試します：

間に何もない「<>>」をレンダリングします。

私も試しました：

同じエラーが発生します。

私がしようとすると：

次のエラーが表示されます。

Railsでfont-awesomeを使用する方法を知っている人はいますか?

新しい試み:

これはリンクを作成するのに問題なく機能しますが、アイコンにスタイルを設定しようとしています。

:facebookauth という名前の css div を定義しました。

上記を変更すると、次のようになります。

または試してください：

リンクが消えます。サイズを大きくして、カラー スタイルを使用したい。これらのリンクに CSS を配置するにはどうすればよいですか?

プロジェクト構造に yeoman ジェネレーターを使用し、font-awesome と Roboto 用の bower コンポーネントを含めました。フォントは grunt サーブで問題なく読み込まれます。また、dist フォルダーに作成された index.html を実行してみましたが、これも正常に動作します。ローカルの Tomcat でホストされている場合、Jenkins ビルドを使用して作成された .WAR ファイルでさえ正常に動作します。しかし、コードが Server Roboto と Font-awesome にデプロイされると、正しくレンダリングされません。ネットワークタブをチェックして、表示されているフォントがダウンロードされているかどうかを確認しました。誰かが私を正しい方向に向けることができますか?

現在、次のコードを使用して、いくつかのグリフィコン (glyphicon-chevron-down および glyphicon-remove-sign) をヘッダーと共に表示しています。

Font Awesome の最新ライブラリを見つけたので、試してみたいと思います。glyphicon-chevron-down をこれに置き換えるには、上記のコードをどのように変更すればよいですか?

PS 可能であれば、コードを簡素化したいことを追加する必要があります。4 つの独立したスパンは多すぎます。;)

上の写真を見るとわかるように、円内のテキストを右に揃えたいのですが、素晴らしいフォントのアイコンを正当化しようとしましたが、うまくいきません。誰かが私を助けることができますか？または、それを行う方法のアイデアを教えてください。

これが私のhtmlコードです。

ここに私のcssがあります

laravel プロジェクトで fontawesome を使用していますが、CDN を使用せずにローカルで使用すると表示されないという問題があります。

<link href="{{ URL::asset('css/font-awesome.min.css') }}" rel='stylesheet' type='text/css'>

NetworkError: 404 Not Found - http://localhost/mysite/fonts/fontawesome-webfont.woff2?v=4.6.3"

"NetworkError: 404 Not Found - http://localhost/mysite/fonts/fontawesome-webfont.woff?v=4.6.3"

NetworkError: 404 Not Found - http://localhost/mysite/fonts/fontawesome-webfont.ttf?v=4.6.3

これがfont-awesome.min.cssのフルパスです

C:\wamp\www\mysite\public\css\

前もって感謝します。