新手常见的iconfont上传图标问题-图标丢失部分图形及上传失败

新手初次使用confront上传图标库时,由于规则的不熟悉或者理解不到位,常常出现错误而又找不到解决方法。这次就最常见的两个问题做出解答。


1⃣️ 前期准备:

首先请看iconfont提供的图标制作说明👇

官方提供的矢量图标设计模版👇

矢量图标设计模版


2⃣️ 常见的两大问题:

一、图标导出的时候是完整的,为什么上传到iconfont就缺失了呢?



导出时:



上传时:



问题点:这种情况的发生是因为没有遵循图标制作说明的最后一点:轮廓化。无论是钢笔路径还是矩形,都需要将其轮廓化。


具体操作:将图形选中,点击工具栏上方图层-轮廓化。再将整个icon进行导出再上传即可。


【小技巧:将icon中的所有图形同时选中,再选择图层-轮廓化操作,可以将所有的图形(无论是轮廓化的还是未轮廓化的)都轮廓化。】


二、icon显示上传失败。


上传时:



当你出现这样的情况的时候,就要开始考虑是否icon不符合confront的规则了。让我们再来复习一下。

再次请出iconfont提供的图标制作说明👇



问题点:我们发现其中有一项规则是绝对不能违背的就是第四条!填色!你是否在制作icon的时候使用了渐变呢?也许你的问题是:我制作的时候确实使用了渐变,但是我在导出前已经将渐变改成填充了呀?

解决方法:那么再检查一下,你有没有出现下面这样的问题呢~这种渐变非常容易跟单色混淆哦~再检查一下自己的icon吧!



以上就是我在上传icon时遇到的问题,希望可以对你有帮助~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。