HTML – Icomoon自定义字体多种颜色

概述我正在使用Icomoon创建自定义字体图标,我有一种情况,图标需要在同一范围内,例如： <span class="glyph2" aria-hidden="false" data-icon=" "></span> 但它们都需要不同的颜色.有可能这样做吗？ 这里是包含所有代码的JSFIDDLE,但我似乎无法在jsfiddle中使用自定义字体. 任何帮助非常感谢. 我不 我正在使用Icomoon创建自定义字体图标,我有一种情况,图标需要在同一范围内,例如：

<span  aria-hIDden="false" data-icon="&#xe000; &#xe001;"></span>

但它们都需要不同的颜色.有可能这样做吗？

这里是包含所有代码的JSFIDDLE,但我似乎无法在Jsfiddle中使用自定义字体.

任何帮助非常感谢.

解决方法 我不相信只使用data-icon属性.

您可以使用IcoMoon的图标类,并在其中使用前面的CSS伪选择器,在第二个上使用后选择器.

icon1:before {    content: "A";    color:red;}.icon2:after {    color: blue;    content: "B";}

我在Fiddle中证明了这一点.

总结

以上是内存溢出为你收集整理的HTML – Icomoon自定义字体多种颜色全部内容，希望文章能够帮你解决HTML – Icomoon自定义字体多种颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。