私の Font Awesome アイコンが表示されないのはなぜですか?

Font Awesome アイコンの表示に関する問題: 解決策

次の項目が含まれているにもかかわらず、Web サイトに Font Awesome アイコンが表示されないという問題が発生している場合必要なファイルを削除するには、次のトラブルシューティングのヒントを検討してください:

• CDN リンクの確認: CDN への正しいリンクを使用していることを確認します。たとえば、次のように使用します:

<link 
  href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" 
  rel="stylesheet"  type='text/css'>

• 安全な接続: HTTPS を使用する場合は、HTTPS も使用して Font Awesome CSS にリンクします。
• 広告ブロッカーを無効にする: AdBlock Plus または uBlock がアイコンの読み込みを妨げている可能性があります。無効にして再試行してください。
• ブラウザ キャッシュのリセット: ブラウザのキャッシュをクリアして、最新のファイルを強制的に取得します。
• フォント ファミリを正しく使用: Font Awesome クラスを使用する要素は、FontAwesome フォント ファミリに属している必要があります。

<i class="fa fa-pencil" title="Edit"></i>

• フォントファミリーのオーバーライドを避ける: CSS が FontAwesome フォントをオーバーライドしていないことを確認します:

<code class="css">* {
  font-family: 'Josefin Sans', sans-serif !important;   
}</code>

• IE8 互換性: IE8 を使用している場合は、HTML5 Shim を組み込みます。
• 追加のトラブルシューティング: さらなるトラブルシューティングについては、Font Awesome Wiki を参照してください。オプション。

以上が私の Font Awesome アイコンが表示されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。