Font Awesome 图标未显示 Impreza 主题答案

【问题标题】：Font Awesome icons are not showing Impreza thmeFont Awesome 图标未显示 Impreza 主题
【发布时间】：2018-09-17 05:34:27
【问题描述】：

我有一个客户，她正在寻找一个 WordPress 网站。我接受了该项目并在我的服务器上启动了该项目。昨天我完成了项目并将整个网站转移到我的客户主域gulugalmarketing.com。

在我的服务器上一切正常！但是当我转移网站时，我遇到了一个问题，即字体真棒图标正在正确加载！如您所见，该网站显示的是一个小方框而不是图标。

我尝试检查控制台，但它给出了错误。

“对字体的访问被 CORS 策略阻止”

我确实尝试通过使用“更好的搜索替换”插件将 HTTPS 替换为 HTTP，但没有运气，因为我的客户端正在使用 SSL。

谁能检查一下这个问题并告诉我。

【问题讨论】：

好像在服务器上找不到字体资源
是的，我错过了这个链接 maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/…" />
确保您已将 fontawesome css 包含到您的网站中。

标签： html css wordpress font-awesome

【解决方案1】：

在您的文档文件中包含 Font Awesome CSS 链接，然后它就可以工作了

<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css">
</head>

【讨论】：

【解决方案2】：

您应该将 Font Awesome 加入主题的 function.php 中，如下所示：

// Load Font Awesome 
function enqueue_font_awesome() {

    // Font Awesome
    wp_enqueue_style ('fontawesome', 'https://use.fontawesome.com/releases/v5.2.0/css/all.css');

add_action( 'wp_enqueue_scripts', 'enqueue_font_awesome' );

【讨论】：