Font Awesome アイコンがレンダリングされない?チェックすべき内容はこちら！

Font Awesome アイコンがレンダリングされない?これらの一般的な修正を確認してください

必要なファイルが含まれているにもかかわらず、Web サイト上で Font Awesome アイコンが見つからない場合はイライラすることがあります。考えられる解決策は次のとおりです:

1. CDN リンクを確認してください: Font Awesome スタイルシートを参照するために正しい CDN リンクを使用していることを確認してください。例:

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

2. HTTPS の使用状況を確認する:ページが HTTPS を使用している場合は、HTTPS を使用して CSS にリンクしていることを確認してください (http:// を https:// に置き換えてください)。
3. 広告ブロッカーを無効にする: AdBlock Plus または uBlock を使用する場合があります。アイコンのレンダリングを妨げます。それらを無効にして、もう一度お試しください。
4. ブラウザ キャッシュのクリア: ブラウザのキャッシュをリセットして、新たに開始します (Chrome では、再読み込みボタンを長押ししてハード キャッシュ リセットを実行します)。
5. フォント ファミリの使用を確認します: または 要素には FontAwesome フォント ファミリを含める必要があります。例:

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

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