需求场景
越来越多的设计师开始使用 sketch 做设计,而不是 ai,奇怪的是 sketch 导出的 svg 居然不能上传 iconfont,这让前端工程师何以堪?iconfont 怎么说也是一大利器啊。
首先排除
有些设计师发的 svg 并不是矢量图,里面是一个 base64 的 img,所以这种是肯定上传不了 iconfont 的。
根本原因
sketch 导出的 svg 上传空白主要是因为 sketch 不支持描边路径
解决方案
在 ai 中打开 sketch 导出的 svg,菜单中选择对象-扩展,勾选描边填充,保存之后就可以上传 iconfont 啦