故障排除：Font Awesome或其他字体图标不起作用

[Jannah]

如果图标字体（社交图标，菜单搜索图标，返回到顶部按钮图标等）不会在您的网站上加载（而是显示一个正方形），则这些是一些故障排除步骤。

一些浏览器拒绝嵌入一些字体，可以在浏览器控制台中看到此问题：

字体来源'http://cdn.example.com“已被跨源资源共享策略阻止加载：请求的资源上不存在“Access Control Allow Origin”标头。起源'http://www.example.com因此不允许访问。<br>

这应该解决您的问题，只需将其复制到您的.htaccess文件中，然后清除您的缓存，并最终清除您的CDN文件，并解决了问题：

代码： 全选

# ----------------------------------------------------------------------
# CORS-enabled images (@crossorigin)
# ----------------------------------------------------------------------
# Send CORS headers if browsers request them; enabled by default for images.
# developer.mozilla.org/en/CORS_Enabled_Image
# blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
# hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
# wiki.mozilla.org/Security/Reviews/crossoriginAttribute
<IfModule mod_setenvif.c>
  <IfModule mod_headers.c>
    # mod_headers, y u no match by Content-Type?!
      SetEnvIf Origin ":" IS_CORS

您/您的客户是否使用Adblock Plus？

如果启用了“删除社交媒体按钮”选项，您将错过一些品牌图标。