2016-06-28 37 views
1

我在我的Django項目中使用字體真棒,作爲導航欄列表前面的圖標。正如標題所示,我的問題是,一些圖標正常顯示,一些圖標顯示內部帶有4位數字的unicode,一些圖標顯示但與代碼不匹配。真是一團糟!在同一個網頁上的字體真棒圖標,一些圖標不匹配代碼和一些只顯示正方形

我一直呆在這裏很久,我試了很多解決它。閱讀文檔並搜索了很多,但沒有找到有效的解決方案。


環境信息:

  1. 我使用的是最新版本的Linux服務器上的字體 - 真棒(4.6.3)本地副本(Ubuntu的14.04)。
  2. 我試圖在Chrome/Firefox/IE中加載此頁面,結果沒有什麼不同。
  3. 我試圖禁用AdBlock插件,導致徒勞。

具體代碼:

  1. 的第一圖標是正常的。
  2. 第二個圖標只顯示帶有unicode的正方形(與official相同)。
  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>

這裏是如何圖標顯示在瀏覽器:

here is how icons displayed on browser

任何人都可以幫我嗎?

+1

您的代碼段工作正常,我對Chrome Windows版 - 你所鏈接的字體真棒,或使用本地複製? –

+0

你可以請張貼控制檯日誌的截圖(開發工具鉻)? –

+0

@CalvT我正在使用本地副本。 – Leon

回答

0

使用下面的鏈接,字體真棒和嘗試,

<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 
+0

THX,仍然一樣 – Leon