为什么 Font Awesome 只显示一个正方形？

Question

我正在尝试复制 page linked from Start Bootstrap。除了 font-awesome.min.css 图像外，一切正常。

我使用相同版本的 font-awesome.min.css 和相同的代码。我的代码包含以下内容，直接取自页面的源代码：

<i class="fa fa-fw fa-check"></i>
<i class="fa fa-fw fa-gift"></i>
<i class="fa fa-fw fa-compass"></i>

这些图像应该分别显示在 "Welcome to Modern Business" 下作为复选标记、礼物和指南针。您可以看到上面的 link 以在上下文中查看它，但这张图片应该足以解释：

但是，在我的页面中，所有这些图像都显示为方框：

我不明白为什么上面 linked 的网站从 font-awesome.min.css 中提取正确的图像，但我的页面不是。我没有改变原始来源的任何内容。我创建了一个相同的层次结构，并直接从源代码复制并粘贴了 .css 和 .js 文件。我以前偶然发现过这个问题，最后我删除了图像，因为我找不到解决办法。我希望这次能有更好的运气。对我做错了什么有什么建议吗？

Answer 1

将此 link 粘贴到文档的 <head>：

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

检查它是否有效。

转到： http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css
复制那里的所有代码。
创建一个 fontawesome.min.css 并将其存储在您的 css 文件夹中。
试试这个：

<link rel="stylesheet" href="css/fontawesome.min.css">

为什么 Font Awesome 只显示一个正方形？

Why is Font Awesome only showing a square?

twitter-bootstrap

font-awesome