Html 字体很棒的图标根本不显示

Html 字体很棒的图标根本不显示,html,css,twitter-bootstrap,font-awesome,Html,Css,Twitter Bootstrap,Font Awesome,我正在使用bootstrap和chrome。 我把下面的代码放在我的HTML文件中以导入 <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 然后放入下面的图标 <i class="fa fa-search"></i> 什么也没出现!当我检查元素时,它是一个0x0文本。没有高度就没有宽度。它根本不会显

我正在使用bootstrap和chrome。 我把下面的代码放在我的HTML文件中以导入

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

然后放入下面的图标

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


什么也没出现!当我检查元素时,它是一个0x0文本。没有高度就没有宽度。它根本不会显示。

如果您在本地测试它,请在href值的开头添加http:

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


在此处正常工作:。确保你链接的文件被正确加载。你可能有其他东西覆盖了你的CSS,因为Dan的代码对我来说很好。你不仅需要CSS,还需要字体。检查控制台或网络控制台;也许你不能链接在我的本地主机上测试的maxcdnI,没有必要在链接前面输入“http”。谢谢,这样就可以了!TooJuniorToCode如果你在本地服务器上测试你的网站,你是正确的,但是如果你在没有本地服务器的情况下测试你的网站布局,你需要http。@Sean我有一个问题,我使用了font awesome的在线版本,它很有效。为什么我本地版本的font-awesome.min.css不能工作?我是从以前的网站复制的。@Sean我能够确定我需要字体文件夹中的一些东西-fontawesome webfont,但我不确定它们的用途。