同一个网页上的字体很棒的图标，有些图标不匹配代码，有些只显示正方形答案

【问题标题】：Font-awesome icons on the same web page, some icons mismatch code, and some only show squares同一个网页上的字体很棒的图标，有些图标不匹配代码，有些只显示正方形
【发布时间】：2016-06-28 09:49:28
【问题描述】：

我在我的 Django 项目中使用了 font-awesome，作为导航栏列表前面的图标。我的问题是，正如标题所说，有些图标正常显示，有些图标显示为正方形，里面有 4 位 unicode，有些图标显示但代码不匹配。真是一团糟！

我被困在这里很久了，我尝试了很多来解决它。通读文档，并搜索了很多，但没有找到有效的解决方案。

环境信息：

我在 linux 服务器 (Ubuntu 14.04) 上使用最新版本的 Font-awesome(4.6.3) 本地副本。
我尝试在 Chrome/Firefox/IE 上加载此页面，结果没有什么不同。
我曾尝试禁用 AdBlock 插件，结果徒劳无功。

具体代码：

第一个图标是正常的。
第二个图标只显示带有unicode的正方形（与official相同）。
第三个显示不匹配图标。

<li class="openstack-panel">
    <a class="openstack-spin" tabindex="6">
    <i class="fa fa-home fa-fw"></i>
    Security Group
    </a>
</li>
<li class="openstack-panel">
    <a class="openstack-spin" tabindex="7">
    <i class="fa fa-key fa-fw"></i>
    Key Pairs
    </a>
</li>
<li class="openstack-panel">
    <a class="openstack-spin" tabindex="8">
    <i class="fa fa-git fa-fw"></i>
    Floating IP
    </a>
</li>

以下是图标在浏览器上的显示方式：

谁能帮帮我？

【问题讨论】：

您的 sn-p 在 Windows 上的 Chrome 上运行良好 - 您是链接到 font-awesome，还是使用本地副本？
能否请您发布控制台日志的屏幕截图（开发工具 chrome）？
@CalvT 我正在使用本地副本。
@LaurIvan 你想要什么信息？有一些错误，但图标似乎没有。
@Leon 我想说你的问题是它是本地的。你有 CSS 文件期望在本地找到的 .eot 和 .woff 文件吗？

标签： css frontend font-awesome

【解决方案1】：

使用 Font Awesome 的以下链接并尝试，

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

或

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css

【讨论】：

THX，还是一样