Question

很确定我昏暗但是如何显示图标？是否需要某些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>

Answer 1

似乎工作正常。

我怀疑您需要在http://中将href添加到您的网址中。

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

问题的原因是什么？

通过文件系统（http:）加载页面时，没有方案（file://path/to/webpage）的外部资源链接中断。保留当前方案，页面将无法找到它们：

This can't be found:
file://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css

要确保在从文件系统加载网页时可以找到外部资源，应始终包含该方案。 CDN将经常省略该方案，重用当前方案来提供http站点上的http资源，并保护https站点上的https资源。

Answer 2

您是否包含了字体文件？检查您的控制台是否有任何404 /错误。

我刚尝试了'angle-double-down'类，它可以工作。

Answer 3

如果您有其他字体覆盖图标字体，则会发生这种情况。搜索您的CSS以查看是否还有其他font-family:OtherFont!important;。

确保加载了Font-awesome CSS，并且font-urls指向正确的字体。
检查您是否拥有正确的课程，例如<i class="fa fa-angle-double-down"></i>
然后明确指定您的i.fa标签（Font-awesome使用它来创建字体）

i.fa{ font-family:FontAwesome!important; }

对我来说很棒。

FontAwesome图标显示为黑匣子。显示图标需要什么CSS？

3 个答案:

问题的原因是什么？