字体Awesome图标完全不显示

Question

我正在使用Bootstrap并使用Chrome浏览器。我在我的HTML文件中添加了以下代码来导入FontAwesome。

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

然后放置以下图标。

<i class="fa fa-search"></i>

完全没有显示出来！当我检查元素时，它是一个0x0的文本。没有高度没有宽度。根本没有显示出来。

- aritroper

---

在这里可以正常工作：http://www.bootply.com/mfeJ6QIc5k。确保你链接的文件被正确加载。 - Dan

你可能有其他的CSS覆盖了它，因为Dan的代码在我这里运行良好。 - Devin

你不仅需要CSS，还需要字体存在。 - user663031

检查控制台或网络控制台；可能无法链接maxcdn。 - Irvin Dominin

Answer 1

如果您正在本地测试，请在href值的开头添加http:。

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

- Sean

---

我在本地主机上进行了测试，不需要在链接前面输入“http”。 - TooJuniorToCode

谢谢，就这样！ - aritroper

如果你在本地服务器上测试你的网站，那么TooJuniorToCode你是正确的。但是，如果你没有本地服务器而测试你的网站布局，你需要使用http。 - Sean

@Sean 我有一个关于这个的问题，我使用了在线版本的font-awesome它可以工作。为什么我的本地版本的font-awesome.min.css不能工作呢？我是从之前的网站上复制过来的。 - Paul

@Sean，我能够确定我需要一些字体文件夹中的东西- fontawesome-webfont。但是我不确定它们的用途。 - Paul

@Paul，你的浏览器控制台有什么提示？ - Sean