問題タブ [font-awesome]

入手可能な最新バージョンを使用しています。しかし、IE9 のアプリではアイコンがまだボックスとして表示されています (注: IE8 では正常に動作しています)。fontawesome ページを開くと、アイコンは正常に表示されます。

これは、開発者ツールのコンソールに表示されるものです:

CSS3117: @font-face がクロスオリジン要求に失敗しました。リソースへのアクセスが制限されています。fontawesome-webfont.eot?#iefix&v=3.0.1 CSS3117: @font-face がクロスオリジン要求に失敗しました。リソースへのアクセスが制限されています。fontawesome-webfont.woff?v=3.0.1 CSS3117: @font-face がクロスオリジン要求に失敗しました。リソースへのアクセスが制限されています。fontawesome-webfont.ttf?v=3.0.1

また、Firefoxで動作しないこともわかりました。Chrome と IE8 でのみ動作します

問題を引き起こしている可能性のあるものの助けは??

This is undoubtedly me doing something really dumb, but I can't see it. I'm trying to use FontAwesome as a font-family in my css, but it doesn't seem to be working.

With minimal code, I have:

This is showing up as clearly Times New Roman.

The FontAwesome font itself is stored in assets/font/, and font-awesome.css has the following @font-face defined:

Changing the .. to assets gives an obvious error that it can't find the font, so I'm pretty sure the relative pathing is just fine and dandy. If I change it to font-family: FontAwesome,Arial;, it uses Arial. Clearly, it can't find FontAwesome and I don't know why.

Any particular reason why I'm not able to change my body font to FontAwesome?

私はこのようなCSSを持っています：

画像をFontAwesomeのアイコンに置き換えたいのですが。

とにかくCSSのアイコンを背景画像として使用することはできません。これは、CSSの前にFont Awesomeスタイルシート/フォントがロードされていると仮定して実行できますか？

TwitterBootstrapのボタンには素晴らしいLoading...状態があります。

問題は、次のような属性Loading...を介して渡されたようなメッセージを表示することです。data-loading-text

Font Awesomeを見ると、アニメーション化されたスピナーアイコンがあることがわかります。

Upload次のような操作を実行するときに、そのスピナーアイコンを統合しようとしました。

しかし、これはまったく効果がありませんでしたUploading...。つまり、ボタンのテキストが表示されるだけです。

ボタンが読み込み中のときにアイコンを追加することはできますか？どういうわけか、Bootstrap<i class="icon-upload icon-large"></i>はLoading状態のときにボタン内のアイコンを削除するだけのようです。

これは、上記で説明した動作を示す簡単なデモです。ご覧のとおり、読み込み状態になるとアイコンが消えます。時間間隔の直後に再表示されます。

Web サイトのCMSコンテンツを更新するためにCKEditorを使用しています。このように表示できる派手なアイコンのセットを含むFontAwesomeも使用しています

問題は、CKEditor がiクライアント側でこのタグをエスケープし、ソース モードで表示できないことです。

このタグを許可するにはどうすればよいですか? 試してみCONFIG.removeFormatTags = ''ましたが、役に立ちません。

Font Awesomeでは、 icon-removeアイコンを使用したいと思います。だから私は<i class="icon-remove"></i>私のHTMLにあり、それは完璧に機能します。ただし、これをjQueryでバインド可能にして、divを閉じたいと思いました。

だから私は使用しました：

ただし、これは機能しません。クリックしても何も起こりません。

これは私が使用したCSSです（注意：cursor: pointer;機能しません）。

私は正確に何を間違っているのですか？

.scss を使用して font-awesome を最後のリリースに更新しようとしています。

campass を使用してコンパイルしようとすると、次のエラーがスローされます。

同じ問題を抱えている人を見つけるために午後中ずっと検索しましたが、何も見つかりませんでした...

何が問題なのか推測できますか?

タイ！

ここで何かを見逃したかもしれませんが、FontAwesomeの指示に従って可能な限りすべてのことを行ったように感じますが、その美しい滑らかなフォントを機能させることはできません。私のフォントは滑らかではなく、FontAwesomeに設定されているとは思いません。

これがFirefoxでの私の問題を示す写真です。IE9でも同じです。

ASP.NET MVC 4とBootstrap（少ない）およびFontAwesome（少ない）をBundleTransformerで使用しています。これが私のBundleConfigクラスです：

bootstrap.lessファイルを編集して、の@import "font-awesome.less";代わりにインクルード@import "sprites.less";し、font-awesome.less（）のFontAwesomeフォントディレクトリへのパスを修正しました@FontAwesomePath: "../font";。

私のページの生成されたソースコード：

生成されたcssのフォントパスが正しいFontAwesomeフォントファイルを指していることを確認しました。Firefoxは、ページをロードするときにこれを確認します。

リンクのfont-familyをFontAwesomeに設定しようとしましたが、フォントが完全にオフになっています。

ここで何が欠けていますか？

要素の上にマウスを置いて2倍のアイコンサイズを表示したい。

ブートストラップでFontAwesomeを使用しています。私はこのようなリストを持っています：

「icon-2x」fontawesomecssクラスをマウスオーバー要素に追加して、より大きなアイコンを表示し、マウスを離したときにそのクラスを削除したいと思います。

FontAwesomeホームページの例のように見せたいです。このような：

jQueryで要素を見つけてcssクラスを追加しようとしましたが、できませんでした。

誰か助けてもらえますか？

ありがとう

私は自分のプロジェクトで素晴らしいフォントを使用しています(mvc/asp.net)。私の問題は、プロジェクトをデバッグしてチェックしてlocalhostいたことです。フォントの素晴らしいアイコンに問題はありませんでした。しかし、ウェブサイトを公開してウェブで確認すると、アイコンの代わりに小さなボックスが表示されました。css正しいディレクトリ（ファイルが配置されている場所）に配置されていると確信しています。

適切な解決策が見つかりませんでした。

ちなみにボタン類も問題ありません。それらはすべて問題ありませんが、アイコンはなくなりました。

ありがとう