无法显示 Font-Awesome 图标答案

【问题标题】：Can't get Font-Awesome Icons to display无法显示 Font-Awesome 图标
【发布时间】：2017-08-19 15:55:53
【问题描述】：

所以由于某种原因，字体很棒的图标不会显示，而 Lineicons 会显示。

如果您打开菜单（您必须使窗口宽度小于 700 像素）您可以看到菜单图标打开了菜单。下面我放了以下代码

<li><a href="#" class="icon icon-user">Data Management</a></li>
<li><a href="#" class="fa-user">Location</a></li>

您可以看到 LineIcons 的第一个图标正在显示，而 Font-Awesome 的“fa-user”图标不会显示。我不确定为什么我还必须在“icon-user”之前添加单词 icon，但这是让它工作的唯一方法。

这是我正在测试的页面：Here

【问题讨论】：

也添加一个fa的类

标签： php html css wordpress fonts

【解决方案1】：

你必须在fa-user前面加上“fa”

<li><a href="#" class="fa fa-user">Location</a></li>

这将解决您的显示问题。

【讨论】：

虽然@ArneRie 只是显示为正方形

【解决方案2】：

我始终建议使用 CDN 加载版本。

这里：

<html>
<head>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</head>
<body>
    <h1>Icons:</h1>
    <ul>
        <li><i class="fa fa-user"></i> fa fa-user</li>
        <li><i class="fa fa-remove"></i> fa fa-remove</li>
    </ul>
</body>

【讨论】：

我已经从网站本身加载了标题中的字体。我也尝试了 的东西，但仍然显示为空白方块。
@コードバリノ，您是否清除了浏览器缓存（只是为了消除这种可能性）？尽管如此，我真的建议使用 CDN 加载版本。
是的，您也访问过该页面吗？它会在您的浏览器上加载吗？
@コードバリノ，没错。不，它不加载：/ 使用 WP 时，尝试在帖子中添加我的 head 标签
等待我的一些问题，由于某种原因，它会使用您的脚本而不是我的脚本加载它？

【解决方案3】：

在他们的网站上，cdn 没有 https。试试添加吧！

【讨论】：

【解决方案4】：

先生不要使用 bootstrapcdn 使用这个希望这个工作

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

【讨论】：

为什么不用CDN？
我尝试使用 maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/…"> 它不起作用