為什麼我的 Font Awesome 圖示沒有顯示？

Font Awesome 圖示顯示問題：解決方法

如果您遇到Font Awesome 圖示未出現在您的網站上的問題，儘管包含必要的文件，請考慮以下故障排除提示：

• 驗證CDN 連結：確保您使用的是正確的CDN 連結。例如，使用：

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

• 安全連線：如果使用 HTTPS，也使用 HTTPS 連結到 Font Awesome CSS。
• 停用廣告攔截器： AdBlock Plus 或 uBlock 可能會阻止圖示載入。禁用它們並重試。
• 重設瀏覽器快取：清除瀏覽器快取以強制其取得最新檔案。
• 正確使用字體系列： 使用 Font Awesome 類別的元素必須屬於 FontAwesome 字體系列。它應該是：

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

• 避免font-family 覆蓋： 檢查您的CSS 是否不會覆蓋FontAwesome 字體：

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

IE8 相容性：如果使用IE8，請合併HTML5 Shim。 其他故障排除：請參閱 Font Awesome Wiki 以取得進一步的故障排除選項。

以上是為什麼我的 Font Awesome 圖示沒有顯示？的詳細內容。更多資訊請關注PHP中文網其他相關文章！