自定义字体真棒图标不再在某些浏览器上的 WordPress 中工作

Question

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

这些图标在 Safari、Opera 和我的移动 Android 浏览器中仍能完美显示。

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

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

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

谢谢。

Answer 1

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

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

如果你走这条路，网上有很多文章可以通过 apache 配置文件、.htaccess 等设置 CORS 策略。