html - 自定义 Font Awesome 图标在某些浏览器上不再适用于 Wordpress

Question

我的网站http://goesllc.com正在使用 wordpress，我安装的主题已经包含很棒的字体图标。我创建了一个自定义集并将它们添加到我的主题中。它们都工作正常，但我随机添加的自定义的不再显示在 Chrome、IE 和 Firefox 中。

图标在 Safari、Opera 和我的移动 android 浏览器中仍然完美显示。

如果您在 Chrome 中访问该网站并查看主页上的 slider 下方，您会看到应该有图标的地方，但它只显示字母。该页面上应该有 3 个图标，但它们显示的是字母“a”、“e”和“d”。如果我要切换到主题已预安装的 fontawesome 图标，它们会显示得很好。

但是，在 Safari 或 Opera 中，图标会按预期完美显示。我已经联系了主题的作者，并一直在四处寻找修复方法，但无济于事。

有人知道为什么图标在某些浏览器中停止显示吗？

谢谢。

Answer 1

这是从其他服务器提供网络字体的常见问题。在你的例子中，gos-font 是从 http://goesassets.com 提供的。这是一个不同的域，并且被跨源策略阻止。

要么将这些字体移动到 http://goesllc.com 上的目录中服务器并从那里加载它们，或者在 http://goesassets.com 上设置 CORS 策略为他们服务。

网上有很多文章可以通过 apache 配置文件、.htaccess 等设置 CORS 策略，如果您采用那种方式的话。