問題タブ [font-awesome]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
internet-explorer-7 - Font Awesome アイコンが IE7 で表示されない
Font Awesome アイコンが IE7 で表示されません。それらは IE8、IE9、FF、および Chrome で行います。
HTML の例:
含まれるファイル:
.woff へのリクエスト:
これを Apache の /etc/apache2/mods-enabled/mime.conf で構成しました (そして Apache を再起動しました):
構成が不足していますか?
internet-explorer - IE で Font Awesome が読み込まれないのはなぜですか?
IE のすべてのバージョンで、 Font Awesome アイコンがこの Web サイトに読み込まれません(Chrome、Safari、Firefox、および Opera で完全に表示されます)。次の条件付きIEステートメントで、Font AwesomeのIE7 +サポートをロードしていると思われます。
:before次のスタイルシートのいずれかで使用される前に:after疑似要素がサポートされることを確認するために、両方の間にデフォルトの Font Awesome CSS をロードしています。これらのアイコンが IE に表示されない理由はありますか?
jqgrid - jqGridPagerArea-FontAwesomeアイコンの使用
Font Awesomeアイコンを使用したい：
デフォルトでは、物理イメージの代わりにjqGridページャー領域にあります。
誰かがこれを達成する方法を知っていますか？
jquery - Cannot use jquery event on woff?
I'm building a website using bootstrap and fontawesome. And now I want to use JQuery onclick event on an icon-plus icon. But nothing happened after I click the icon.
I found some bootstrap examples who can work right and saw that browser download icon as png. But fontawesome provides icon as woff.
My jquery code as follow:
ruby-on-rails - best_in_place gem：[OK]ボタンのスタイリング
best_in_placeは正常に機能していますが、文字列ではなく、オプションの[OK]ボタンにfontawesomeアイコンを使用したいと思います。'<i class="icon-ok"></i>'.html_safe構文を:ok_buttonハッシュに組み込むにはどうすればよいですか？
css - Twitter Bootstrap + Less: セットアップ
LessでTwitter Bootstrapをセットアップするには? http://twitter.github.com/bootstrap/ から Twitter Bootstrap ライブラリをダウンロードしました。CSS フォルダーには次の 4 つのファイルがあります。
次に、LESS を使用することにしました。そこで私は GitHub に行きました - https://github.com/twbs/bootstrapルートには というフォルダーがありますless。このフォルダーには、42 個の *.less ファイルが含まれています。ファイルを開くと、bootstrap.lessすべての *.less ファイルが含まれていますが、「レスポンシブ」の less ファイルは表示されません。
2 つ目は、42 個のファイルをすべてダウンロードして、1 つのファイル (bootstrap.less) に含める必要があるということです。
Twitter Bootstrap + Less (+ Font-Awesome)をインストールするより良い方法はありません か?
ruby-on-rails - Rails: Font Awesome がダウンロードされない
プロジェクトで実行bundle updateしたところ、Font-Awesome が機能しなくなりました。
font-awesome-sass-rails と twitter-bootstrap-rails (これには font awesome も含まれています) の両方を試しましたが、どちらも同じ動作でした: アイコンの代わりに四角形が表示されます。
コンパイルされた CSS を確認し、フォントをダウンロードしようとしました。
そこで、myapp/assets/fontawesome-webfont.woff をダウンロードしようとしましたが、うまくいきました。ここで何が問題なのか理解できません。
私のapplication.css.scss：
たとえば、pontano さんは期待どおりに機能します。
私の Gemfile (アセット グループのみ):
ここで何が間違っていますか？
前もって感謝します。
編集！
バグのようです: https://github.com/littlebtc/font-awesome-sass-rails/issues/22
css - font awesome css のバンドルと縮小。mvc 4で
フォント awesome.css を縮小しようとしていますが、最小化すると、次のようなコンテンツのさまざまなジャンク文字が表示されます。
上記は上矢印などのコンテンツ アイコンです。
この問題を克服するためのオプションは何ですか?
ありがとう
css - Font Awesomeが機能せず、アイコンが四角で表示される
だから私はマーケティングページのプロトタイプを作成しようとしていて、Bootstrapと新しいFontAwesomeファイルを使用しています。問題は、アイコンを使おうとすると、ページに表示されるのは大きな正方形だけであるということです。
これが私が頭にファイルを含める方法です：
そして、これがアイコンを使おうとしている私の例です：
しかし、それはすべて大きな正方形にレンダリングされます。誰かが何が起こっているのか知っていますか？
internet-explorer - FontAwesomeは、IE9で「時々」のみを表示します
画像ベースのアイコンをFontAwesomeのカスタムアイコンフォントに置き換えようとしています。私は私のためにそれをするこのFontAwesomeWordPressプラグインを見つけました。以下では、すべてのアイコンが正しく表示されます。
- OSX Google Chrome 24.0.1312.52
- OSX Apple Safari 6.0.2
- InternetExplorer8.0.6001を使用してWindowsXPVMを実行しているOSX
ただし、アイコンは次の場合には表示されません。
- OSX Mozilla FireFox 18.0
- IE9を実行しているWindows7
- SauceLabsのInternetExplorerVMのいずれか
ページが誤ってクィークモードでレンダリングされていないかどうかを確認しましたが、そうではありません。私は問題が何であるかについて途方に暮れています。誰かがここで私を助けてくれますか？
ここで問題を抱えている私のウェブサイトを見てください。ここで、動作しているように見えるクリーンなテストページを設定しました。これにより、別のプラグインが自分のサイトを混乱させてアイコンが表示されなくなっているように見えます。
編集：私は問題を発見したと思います。私の理解では、IIS7サーバーはここで詳しく説明されているように.WOFFファイルを理解しません。そこで、.WOFFファイルをIIS7以外の別のサーバーにアップロードしようとしましたが、MozillaFirefoxでは別のサーバーからフォントをロードできないことがわかりました。したがって、基本的に、IIS7サーバーにフォントが必要です。それ以来、私はIT担当者に即座にメッセージを送信しましたが、彼からの返信はありません。