logo标签列表

WordPress迁移：Font Awesome图标无法显示工作

migrationiconsfont-awesome
4
我将把网站 http://www.thetrekkr.com（从一个朋友那里）迁移到另一台服务器。当前的服务器存在问题，因此在迁移域名之前，我创建了一个子域名http://www.thetrekkr.pd-design.at。除了主题（Avada）图标无法正常工作外，其他一切都正常 - 这必须是font-awesome-icons的问题。这些图标可以在Edge中正常工作，但在FF，Chrome和Opera中无法工作。
我尝试了以下方法来解决问题： 不幸的是，没有任何帮助。
更新
我注意到在我的网络选项卡中出现了以下错误。它们是否是问题？

跨域请求被阻止：同源策略禁止读取远程资源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/网络日志？ - halfer
我会保留上面的评论，因为我认为这是对于Stack Overflow的一个好建议。但是我已经编辑了这个问题，让它保持在主题上。 - halfer
嗨。谢谢你的信息，我以后会这样做的。问候。 - Patrick D.
5个回答
5

我曾经也遇到过同样的问题，但最终我找到了一个简单的解决方案。

前往主题选项 -> 高级选项 -> 动态CSS/JS，然后禁用文件缓存即可。这对我起了作用。你也可以在此页面上重置缓存。

谢谢

Jamie

3

我遇到了类似的问题，这是我在迁移后修复缺失awesome字体的方法。

我使用一站式迁移将客户网站从MAMP迁移到hostgator，但是迁移后，所有的avada awesome字体都无法显示（前端和后端），经过数小时的尝试，我终于找到了一个解决方案。

在wordpress主题仪表板中导航至 > 主题选项 > 高级选项 > 主题功能 > FontAwesome，然后重新选择每个font awesome选项，然后点击保存。

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

0

前往Avada >选项 >高级 >主题功能，检查是否已经开启了FontAwesome v4兼容性选项。如果没有，请打开它并单击保存更改。如果已经开启，则将其关闭，然后重新开启，最后单击保存更改。

0

看起来你的临时网站中有一个硬编码域名。这些错误是试图从一个站点加载资源到另一个站点，除非远程站点明确允许，否则浏览器会因安全原因而禁止它。如错误所示，如果您想要长期使用此配置，可以使用Access-Control-Allow-Origin头使远程站点允许它。

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

0
哇，看了很多很多的“解决方案”，但都对我无效。
我的解决方案最终是观察控制台错误，发现了一个字体连接问题，从https：改为http：直接进入WordPress设置，给WordPress和站点URL添加了“s”。我通常会这样做，似乎我错过了它，导致所有的图标都无法加载。希望这个方法有效，因为其他正常的解决方案都没用。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接