WordPress 迁移：字体真棒图标不显示工作答案

【问题标题】：WordPress migration: Font awesome icons do not show workWordPress 迁移：字体真棒图标不显示工作
【发布时间】：2018-08-12 12:48:20
【问题描述】：

我将把网站http://www.thetrekkr.com（从朋友那里）迁移到另一台服务器。当前服务器确实有问题，直到我迁移域我创建了一个子域http://www.thetrekkr.pd-design.at。除了 themes (Avada) 图标 之外，一切正常 - 这必须是 font-awesome-icons。这些图标在 Edge 中有效，但在 FF、Chrome、Opera 中无效。

我尝试了以下方法来解决问题：

将数据库中的链接更改为新的子域（插件更好的搜索替换）
添加 .htaccess 文件以加载图标 (https://theme-fusion.com/knowledgebase/are-your-font-awesome-icons-or-custom-fonts-not-showing-up/)
在functions.php中添加以下代码以加载样式表或脚本（WordPress site migration - icons missing）
从没有 www 等的 www 多次更改。
正在删除浏览器缓存，尝试更多设备

不幸的是，没有任何帮助。

更新

我注意到我的网络标签中出现了这些错误。他们有问题吗？

跨域请求被阻止：同源策略不允许读取位于http://www.thetrekkr.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.woff 的远程资源。（原因：CORS 标头“Access-Control-Allow-Origin”缺失）。

跨域请求被阻止：同源策略不允许读取位于http://www.thetrekkr.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.ttf 的远程资源。（原因：CORS 标头“Access-Control-Allow-Origin”缺失）。

【问题讨论】：

虽然我们不介意问题中问题的补充链接，但问题必须以独立的方式展示问题。这样做的原因是，即使在您解决了问题之后，问题也必须是有用的，所以如果读者看到问题的唯一方法是访问您即将修复或删除的网站，那么问题就不是主题.您是否会在您的问题中显示 (a) “不工作”的样子，以及 (b) 来自受影响浏览器的任何相关 JS/网络日志？
^ 我将在此处留下上述评论，因为我认为这通常对 Stack Overflow 来说是一个很好的建议，但我已经编辑了问题以使其保持主题。
嗨。感谢您提供的信息，我以后会这样做。问候

标签： migration icons font-awesome

【解决方案1】：

我遇到了同样的问题，但最终我找到的解决方案很简单。

转到主题选项 -> 高级 -> 动态 css/js，然后禁用文件缓存，这对我有用。您还可以在此页面上重置缓存。

谢谢

杰米

【讨论】：

【解决方案2】：

我遇到了类似的问题，这就是我在迁移后修复丢失的真棒字体的方法

我使用多合一迁移将客户的网站从 MAMP 迁移到 hostgator，但迁移后，在尝试修复数小时后，所有 avada Awesome 字体都不会显示（前端和后端）我终于找到了解决方案.

在 wordpress 主题仪表板中导航到 > 主题选项 > 高级 > 主题功能 > FontAwesome 然后重新选择每个很棒的字体选项然后点击保存。

我现在可以再次选择所有字体了 :)

【讨论】：

【解决方案3】：

您的临时站点中似乎有一个硬连线域。这些错误是试图将资产从一个站点加载到另一个站点，除非远程站点明确允许，否则出于安全原因，浏览器将禁止它。如错误所示，如果您希望长期使用此配置，您可以使用 Access-Control-Allow-Origin 标头让遥控器允许它。

但是，由于此配置是使用两个域的意外，因此最好修改您的站点代码以使这些字体从从 / 开始的相对路径加载，而不是显式引用域。

【讨论】：

【解决方案4】：

转到 Avada > 选项 > 高级 > 主题功能并检查 Font Awesome v4 兼容性选项是否已打开。如果没有，请将其打开并单击保存更改。如果它已经打开，则将其关闭并再次打开，然后单击保存更改。

【讨论】：