开发者社区 问答 正文

使用iconmoon转化的web fonts,有的icon标签中会带path

我把svg文件使用iconmoon导成web fonts的文件,demo中的html是这样的:

<span class="icon-no-AD">
    <span class="path1"></span>
    <span class="path2"></span>
    <span class="path3"></span>
</span>

有些就没有带path类名的标签。

不知道这个是不是跟纯色有关?
这个是iconmmon链接:https://icomoon.io/app/#/select
官网图标就一个span标签了,而不是span中嵌套了span。

这是我的图标截图,如下:
screenshot

展开
收起
杨冬芳 2016-06-02 16:04:01 2598 分享 版权
1 条回答
写回答
取消 提交回答
  • IT从业

    fonts是不可有多色的。如果要变成彩色,那么就要做组合。这就像是用div拼起来一样,只不过这是由几个font组合的。官网的图标是黑白的,当然不用组合就可以实现。

    这样做的好处就是不失真和省流量,坏处就是技术成本增加(兼容性)。

    2019-07-17 19:25:08
    赞同 展开评论
问答标签:
问答地址: