Html 图标显示为黑色框。显示图标需要什么CSS？_Html_Css_Font Awesome

Html 图标显示为黑色框。显示图标需要什么CSS？

html css

Html 图标显示为黑色框。显示图标需要什么CSS？,html,css,font-awesome,Html,Css,Font Awesome,我很确定我是暗淡的，但是我如何让图标显示出来呢？是否需要某些CSS？如果需要，会是什么 <html> <head> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> </head> <body> <i class="fa fa-angle-double-down"&

我很确定我是暗淡的，但是我如何让图标显示出来呢？是否需要某些CSS？如果需要，会是什么

<html>
<head>
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <i class="fa fa-angle-double-down"></i>
</body>
</html>

似乎工作正常

我怀疑您需要在

href

中将

http://

添加到您的URL中

包括字体文件了吗？检查您的控制台是否存在任何404s/错误

我刚刚尝试了“角度双向下”类，它可以工作。

当另一种字体覆盖图标字体时，就会发生这种情况。搜索您的CSS以查看是否还有另一个

字体系列：OtherFont！重要的

确保已加载字体可怕的CSS，并且字体URL指向正确的字体
检查您是否有正确的类，即

然后明确指定i.fa
标记（Font awesome使用这些标记创建字体）以
i.fa{
字体系列：真棒！重要；
}


对我来说效果很好。
在这里效果很好检查如果您在本地测试此文件，您应该放置http://
，它将解决此问题。尝试签入“网络”选项卡以确保文件存在