新手初次使用confront上传图标库时,由于规则的不熟悉或者理解不到位,常常出现错误而又找不到解决方法。这次就最常见的两个问题做出解答。
1⃣️ 前期准备:
首先请看iconfont提供的图标制作说明👇
官方提供的矢量图标设计模版👇
2⃣️ 常见的两大问题:
一、图标导出的时候是完整的,为什么上传到iconfont就缺失了呢?
导出时:
上传时:
问题点:这种情况的发生是因为没有遵循图标制作说明的最后一点:轮廓化。无论是钢笔路径还是矩形,都需要将其轮廓化。
具体操作:将图形选中,点击工具栏上方图层-轮廓化。再将整个icon进行导出再上传即可。
【小技巧:将icon中的所有图形同时选中,再选择图层-轮廓化操作,可以将所有的图形(无论是轮廓化的还是未轮廓化的)都轮廓化。】
二、icon显示上传失败。
上传时:
当你出现这样的情况的时候,就要开始考虑是否icon不符合confront的规则了。让我们再来复习一下。
再次请出iconfont提供的图标制作说明👇
问题点:我们发现其中有一项规则是绝对不能违背的,就是第四条!填色!你是否在制作icon的时候使用了渐变呢?也许你的问题是:我制作的时候确实使用了渐变,但是我在导出前已经将渐变改成填充了呀?
解决方法:那么再检查一下,你有没有出现下面这样的问题呢~这种渐变非常容易跟单色混淆哦~再检查一下自己的icon吧!
以上就是我在上传icon时遇到的问题,希望可以对你有帮助~