为什么我的 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中文网其他相关文章！