迁移后 FontAwesome 不工作

Question

我们有一个基于 wordpress 的网站，其主题使用 FontAwesome。

我们正在尝试将站点迁移到新服务器。在这样做时，除了 FontAwesome 图标之外的所有内容都完美复制，现在只显示为正方形。

在我们的 zealify.com 主页上查看 "down chevron" 可见，而在新服务器 (162.13.82.19) 上则不可见。

关于为什么会出现这种情况有什么想法吗？感谢所有帮助！

Answer 1

您似乎收到了 206 HTTP 响应，其中的内容仅部分加载。这可能是由缓存插件引起的，但我不能确定。

在您的 functions.php 文件中，应该有一个名为 wp_enqueue_style() 的函数，看起来像这样。你应该注意到你的钩子函数可能没有被调用 theme_name_scripts()

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() 
{
    // add this line
    wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' );
    // Example styles and scripts
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

或者如果您很懒惰并且不喜欢良好的实践，您可以将以下行添加到 header.php 以使其生效：

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

Answer 2

我从用户 Stuart Young 那里找到了解决我类似症状的方法 here。

问题：迁移后，数据库仍然设置为从旧服务器加载图像和字体。（使用 devtools 确认。）像 Chrome 这样的 Webkit 浏览器会愉快地忽略安全最佳实践并转到旧服务器以获取请求的资源。其他浏览器（例如 Firefox）将拒绝加载字体，也可能拒绝加载图像。

修复：转到主题设置，不做任何更改，保存，它应该重写 url 以匹配当前服务器。通过数据库解决问题的所有努力均未成功，但即使我使用的是完全不同的主题（Avada 与 Ai1ec），这样做也为我解决了问题。

迁移后 FontAwesome 不工作

FontAwesome not working after migration

wordpress

migration

font-awesome