Font Awesome在迁移后无法正常工作

Question

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

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

在我们的zealify.com主页上可以看到“down chevron”，而在新服务器（162.13.82.19）上则不然。

关于为什么会出现这种情况的任何想法？所有帮助表示赞赏！

Answer 1

我意识到这是一个恶作剧答案......但是如果其他人遇到这个页面，我找到了来自用户Stuart Young的类似症状here的解决方案。

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

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

Answer 2

您似乎正在获得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">