Html 扁平图标用CSS显示为全黑色

无法解决此问题。我下载了图标，并使用演示，当它们应该以更丰富多彩的方式显示时，它们都会显示出来

它们应该是什么样子：

对我来说是什么样子：

我看到图标的轮廓，我使用默认的CSS。字体图标的轮廓在那里。有人能帮我找出如何取消图标的黑色

---

谢谢

CSS图标字体不能有多种颜色（只有一种纯色）。您需要使用SVG图标等替代方法。

我最近也遇到过这个问题。 你看起来确实与字体有关，但是你截屏的黑色页面是下载时发送的演示文件，所以至少应该可以

在我的例子中，我下载了SVG sprites版本，得到了一个外观相同的演示文件——当我导入SVG时，它们也是黑色的

我在flaticon网站上注意到，它允许你在下载之前“绘制”一个集合——它只是将纯色应用于所有对象。我想这就是正在发生的事情。当我查看svg代码时，它将填充列为“null”

---

我已经分别下载了相同的图标，效果很好。所以我认为他们的收藏下载能力有问题。

谢谢！我花了几个小时试图找出我的错误所在。