4

icon-screenshot、icon-map-marker が正常にレンダリングされているのを確認できますが、icon-paper-clip、icon-group、または icon-link を使用すると何も表示されません...何が間違っている可能性がありますか? ここで同じ問題を経験した人はいますか？

4

2 に答える 2

3

公式のトラブルシューティング ガイドに基づいて、これらを確認する必要があります。

全般的

  • システムに古いバージョンの Font Awesome がインストールされていません (優先される場合があります)。
  • [独自のサーバーから Font Awesome を提供している場合] font-awesome.css ファイルと /fonts フォルダーの両方が最新です。
  • [CDN から Font Awesome を提供している場合] css リンクは最新です。
  • 古い/変更されたバージョンの Font Awesome をロードするプラグイン/拡張機能を使用していません。
  • 有効な HTML5 テンプレートを使用しています。
  • ブラウザの開発コンソールは、適切なフォント ファイルを読み込んでいることを示しています。
  • ブラウザの拡張機能が Web フォント (noscript、adblockplus など) をブロックしていません。

IE 固有

  • Internet Explorer 互換モードは、いくつかの問題を引き起こす可能性があります。頭に追加して無効にします：

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

  • IE8 を使用している場合は、次のような html5.js スクリプトを追加する必要があります。

    <!--[if lt IE 9]> <script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script> <![endif]-->

  • FontAwesome は ie7-js と互換性がありません。

  • フォントがインストール可能な埋め込みモードに設定されていない場合、Internet Explorer はエラーを生成します。詳細情報.

ワードプレス固有

  • Wordpress は自動的に<br>行末にタグを追加し、これによりアイコン スタックが壊れます。HTML を 1 行に入れるか、スタイルシートに追加してください:

    .fa-stack br { display: none }

于 2015-03-18T23:19:08.363 に答える