字體真棒圖標無法正確顯示在瀏覽器上

我用一些圖標放在我的頁腳中，字體很棒，鏈接到其他頁面。圖標在我的本地服務器上正常加載，並且它們在我的codepen上正常加載。但是，圖標不會出現在Internet Explorer上，我的整個頁腳從谷歌瀏覽器中消失。什麼會造成這種情況？字體真棒圖標無法正確顯示在瀏覽器上

這裏是鏈接到codepen：http://codepen.io/sibraza/pen/QNPMdm 下面是實際的網站：http://sibraza.com/

的HTML代碼：

<head> 
<link rel="stylesheet" href="filepath/font-awesome-4.6.3%202/css/font-awesome.min.css"> 
</head> 

<div class="row"> 
     <div class="icons"> 
      <ul class="social"> 
      <li><a href="https://www.linkedin.com/in/syed-raza-374a1a89" class="button social"><i class="fa fa-fw fa-linkedin"></i></a></li> 
      <li><a href="https://github.com/sibraza15" class="button social"><i class="fa fa-fw fa-github"></i></a></li> 
      <li><a href="http://codepen.io/sibraza/" class="button social"><i class="fa fa-fw fa-codepen"></i></a></li> 
      </ul> 
     </div> 
     </div>

來源

2016-06-13 Codes316

作爲一個快速的想法，您是否在瀏覽器中使用了任何廣告攔截功能？ –

他們在我的本地機器上顯示得很好。我會懷疑你是如何參考Font Awesome庫的問題。您可以考慮使用開發工具（F12）來檢查可能提供更多信息的任何網絡/控制檯錯誤。 –

我確實使用廣告屏蔽。我認爲Rion可能是對的。我在控制檯發現這個錯誤：加載資源失敗：服務器響應狀態爲404（未找到） – Codes316

難道字體真棒的本地版本有一些問題？請嘗試使用CDN鏈接。

這裏是一個有用的鏈接故障排除頁字體的Github上庫真棒：Font awesome troubleshooting

編輯：

錯誤的問題，業主的情況下：

<link rel="stylesheet" href="filepath/font-awesome-4.6.3%202/css/font-awesome.min.css">

參考問題所有者的'font-awesome.min.css'副本格式錯誤並且存在文件路徑問題。

解決方案：

選項1：確保正確和點形成的 'font-awesome.min.css' 的有效副本的參考文件的路徑。

選項2：使用由CDN提供的版本，像這樣

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">

來源

2016-06-13 19:15:01

我看到控制檯上：

http://sibraza.com/Users/syedraza/Desktop/SibRaza.com/font-awesome-4.6.3%202/css/font-awesome.min.css Failed to load resource: the server responded with a status of 404 (Not Found)

這意味着你有一些文件路徑的問題。正如@Wyngaert所建議的，嘗試使用CDN而不是託管自己的版本。

來源

2016-06-13 19:19:18

字體真棒圖標無法正確顯示在瀏覽器上

回答

相關問題