同じWebページ上のフォントの素晴らしいアイコン、一部のアイコンの不一致のコード、一部の記号のみを表示

Question

Djangoプロジェクトで、nav-barリストの前にアイコンとしてfont-awesomeを使用しています。私の問題は、タイトルが言うように、いくつかのアイコンが正常に表示され、いくつかのアイコンが4桁のユニコードで四角で表示され、いくつかのアイコンが表示されますが、コードが一致しません。どのような混乱！

私は長い間ここにこだわってきましたが、私はそれを解決するために多くを試みました。ドキュメントを読んで、たくさん検索しましたが、効果的な解決策は見つかりませんでした。

---

環境情報：私はLinuxサーバ上のフォント-素晴らしい（4.6.3）ローカルコピーの最新バージョンを使用してい

1. （Ubuntuの14.04）。
2. このページをChrome/Firefox/IEに読み込もうとしましたが、結果は変わりません。
3. 私はAdBlockプラグインを無効にしようとしましたが、無駄でした。

特定コード：

1. 第一アイコンは正常です。
2. 2番目のアイコンは、ユニコードの正方形のみを表示します（officialと同じ）。
3. 3番目のアイコンには不一致アイコンが表示されます。ここで

<li class="openstack-panel"> 
 
    <a class="openstack-spin" tabindex="6"> 
 
    <i class="fa fa-home fa-fw"></i> 
 
    Security Group 
 
    </a> 
 
</li> 
 
<li class="openstack-panel"> 
 
    <a class="openstack-spin" tabindex="7"> 
 
    <i class="fa fa-key fa-fw"></i> 
 
    Key Pairs 
 
    </a> 
 
</li> 
 
<li class="openstack-panel"> 
 
    <a class="openstack-spin" tabindex="8"> 
 
    <i class="fa fa-git fa-fw"></i> 
 
    Floating IP 
 
    </a> 
 
</li>

アイコンがブラウザ上に表示されている方法です。

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

Answer 1

あなたのスニペットは、Windows上でChromeで私のために正常に動作

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css"> 

または

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css