2 posts tagged with "iconfont"

需求场景​

越来越多的设计师开始使用 sketch 做设计，而不是 ai，奇怪的是 sketch 导出的 svg 居然不能上传 iconfont，这让前端工程师何以堪？iconfont 怎么说也是一大利器啊。

首先排除​

有些设计师发的 svg 并不是矢量图，里面是一个 base64 的 img,所以这种是肯定上传不了 iconfont 的。

根本原因​

sketch 导出的 svg 上传空白主要是因为 sketch 不支持描边路径

解决方案​

在 ai 中打开 sketch 导出的 svg，菜单中选择对象-扩展，勾选描边填充，保存之后就可以上传 iconfont 啦

需求场景​

当使用svg方式使用iconfont而不是classname形式时，有些图标的颜色无法通过color属性修改

解决方案​

通过查看svg代码，其实可以看到图标的颜色已经在svg中写死，所以css覆盖无效，所以只需要在iconfont中将不能修改颜色的图标进行去色处理即可。在iconfont网站中找到批量去色将图标去色就可以了。