Flaticons用CSS显示所有Black

时间:2017-07-10 17:58:30

标签: html css fonts icons

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

它们应该是什么样的:http://www.flaticon.com/packs/interaction-assets-2

对我而言:http://chathelpdesk.com/pp-menu/demo/assets/fonts/flaticon.html

我看到了图标的轮廓,我正在使用默认的CSS。那里有字体图标的轮廓。有人可以帮助弄清楚如何取消黑色图标......

谢谢!

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

我最近亲自遇到了这个问题。 您似乎确实与字体有关,但是截屏的黑色页面是下载时发送的演示文件,因此至少应该可以。

在我的实例中,我下载了SVG sprites版本,并获得了一个看起来相同的演示文件-当我导入SVG时,它们也是黑色的。

我在flaticon网站上注意到,它允许您在下载之前“绘制”一个集合-它将纯色应用于所有对象。我认为这是正在发生的事情。当我查看svg代码时,它会将填充内容列为“空”。

此后,我已经分别下载了相同的图标,并且效果很好。因此,我认为其收藏下载功能存在问题。