離子不顯示在IE和Firefox中

Question

我整天都在研究，但是找不到為什么我的離子子無法在IE和Firefox中顯示但在chrome中成功顯示的答案。

我的網站建在Bootstrap 3中，在其他CSS文件之后的標題中調用了Ionicon CSS。

<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/1.4.1/css/ionicons.min.css"></link>

當我在IE（所有版本）和Firefox（所有版本）中啟動網站時，離子圖標顯示為帶有兩個行和兩個字符的小矩形。

如果您使用的是Firefox，則可以在“社交”圖標所在的“團隊”部分中看到此錯誤 。

有誰知道是什么原因造成的？ 我嘗試了該站點的一些解決方案，但均未成功。

Answer 1

好像您沒有正確安裝它們，請按照以下步驟操作。

1. 下載並解壓縮字體包
2. 將ionicons.css復制到您的項目中
3. 將fonts文件夾復制到您的項目中
4. 確保ionicons.css中的字體URL正確引用了項目中的字體路徑。
5. 包括每個需要使用它的網頁上對ionicons.css文件的引用。

從這里拍攝，這應該可以解決您的問題！