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>

这些图像应该显示在＆＃34;欢迎来到现代商业＆＃34;分别作为复选标记，礼物和指南针。你可以看到上面的链接在上下文中查看它，但是这个图像应该充分解释：

Correct Images

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

Wrong Images

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

Answer 1

将此链接粘贴到文档的<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只显示正方形？

1 个答案: