Skip to main content

sketch导出的svg上传iconfont显示空白?

· One min read

需求场景

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

首先排除

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

根本原因

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

解决方案

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