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

2023年6月10日 367次阅读

我正在使用Icomoon创建自定义字体图标,我有一种情况,图标需要在同一范围内,例如：

<span class="glyph2" 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中证明了这一点.

点赞