2014-09-05 66 views
9

我正在使用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文本。没有高度没有宽度。它根本没有出现。

+2

这里可以正常工作:http://www.bootply.com/mfeJ6QIc5k。确保您正在链接的文件正在正确加载。 – Dan 2014-09-05 01:02:43

+0

你可能有其他的东西会覆盖你的CSS,因为Dan的代码对我很好用 – Devin 2014-09-05 01:03:59

+1

你不仅需要CSS,而且需要字体。 – 2014-09-05 04:06:00

回答

13

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

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

,没有必要在链接前输入“http”。 – TooJuniorToCode 2014-09-05 04:19:36

+0

谢谢,就是这样! – aritroper 2014-09-05 14:50:21

+0

TooJuniorToCode如果您在本地服务器上测试您的网站,那么您是正确的,但是如果您在没有本地服务器的情况下测试您的网站布局,则需要http。 – Sean 2014-09-05 15:30:40

相关问题