問題タブ [font-awesome-4]

Web ページで FontAwesome アイコンを使用しています。アイコンを含む div の高さと幅は、ユーザー入力に基づいています。div の高さと幅が変更されると、アイコンが div 内に収まるようにします。また、その div 内のアイコンを中央に配置したいと考えています。これに関するウェブ上の情報は非常に限られています。

font-size で font-height または font-width を取得/設定できますか? font-size と font-height/width の間に関係はありますか?

2 つの Font Awesome アイコンfa-starとfa-star-halfをスタックしたいのですが、位置合わせの問題があります。下の画像を参照してください。

ここに私のHTMLがあります：

...そして私のCSS：

fa-star-half-oは、アウトラインで使用すると魅力のないデザインになるため、使用したくないことに注意してください。

「フロート」を使用しようとしましたが、成功しませんでした。「margin-left」を使用すると、間隔がオフになります。下の画像を参照してください。

どんな助けでも大歓迎です。ありがとう！

ジェシー

アイコンを別のアイコンと重ねてレンダリングする次のスニペットがあります。div 全体がリンクです。現在、私は position:absolute を使用してオーバーラップを調整しています。絶対位置なしでどうやってそれを行うことができますか。また、画面の右側に div 全体が必要です (現在は左側にあります)。

font-awesome を使用しようとしていますが、実行時に次のエラーが発生します。

私のGemfileには次のものがあります：

私のframework_and_overrides.css.scssには次のものがあります：

私のapplication.cssには次のものがあります：

私は自分のapplication.rbに追加しました：

そして、 rake assets:clobber を実行して、クリーンベースで開始します..今のところ、同じエラー

あなたの啓発をありがとう...

ASP.NET、MVC5、HTML5およびを使用して Web サイトを開発していAngularJSます。

更新しました

Chrome コンソールに警告はありません。

font-awesome フォントは、私の Web プロジェクトにローカルにあります。

私のweb.configにはこれがあります：

Angular のリクエストを行う関数が$httpあり、ボタンが押されたときにアイコン クラスを変更する必要があります。

現在、角度コントローラーには次のものがあります。

HTML5:

ただし、正しく動作していません。

関数が呼び出されると、アイコンが間違った外観に変わります。

リクエストが完了すると、アイコンが元の不適切な外観に変わります。

私が視覚的に望むもの：

この問題を解決するための提案はありますか?

ありがとう。

たとえば、「fa-square-o」と「fa-square」というクラスはどう違うのでしょうか。font-awesome のクラス名の規則に関する詳しい情報はどこで入手できますか? 彼らの Web サイトを検索しましたが、font-awesome クラスの命名規則に関する具体的なガイダンスは見つかりませんでした。

HTML で Web サイトをデザインし、FontAwesome アイコンを使用しました。localhost で Web サイトを実行すると、アイコンが正常に表示されます。しかし、URLでは機能しません。ここにURL：デモ

ここに私のカスタムCSSがあります:

と

と

誰でもこれを修正するのを手伝ってください。

ありがとうございます。

プロジェクトを Visual Studio 2013 でローカルに実行すると、Font Awesome Icons が機能します。ただし、展開されると、それらは存在しません。

サーバーから実行すると、IE 開発者ツールは Css が入ってくることを示しますが、フォントへの呼び出しはありません。404エラーなし！403エラーなし！何もない。EOT ファイルを呼び出そうとさえしないため、Css が @font-face 宣言をスキップしているようです。

事実は次のとおりです。

• MIME タイプはすべて IIS 7.0 に追加されました (eot、svg、woff、woff2、ttf)
• css へのファイル構造は -- fonts > font-awesome > css です。
• フォントのファイル構造は -- fonts > font-awesome > fonts

format('svg'); font-weight: normal;font-style: normal; }