今天来跟大家伙儿聊聊我是咋用iconfont图标绘制的，iconfont就是一个图标库，里面有各种各样的图标，方便咱们平时做东西的时候用。
我得先去iconfont网站上逛一圈。这网站上有海量的图标，各种风格都有，真能挑花眼。
找图标
我一般会在右上角的搜索框里直接搜我想要的，比如我想画个衣服相关的，就搜“男装”，然后网站就列出一大堆男装图标，我就在里面慢慢挑呗。
找到喜欢的，我就点一下，它就会跑到右上角的购物车里。
搞到本地
选好图标之后，我就得把它们弄到我电脑上。我一般会选择下载为SVG格式，这格式是矢量的，放大缩小都不会糊。
开始绘制
有图标素材，我就开始绘制。我一般会选择下载官方给的图标模板(10241024px)，使用官方模版绘制。官方的模板能更方便。
- 第一步：我会先用AI软件画好矢量图，或者在PS里把纯色的图片存成PNG格式。这里要注意，图片最好放大很多倍，而且要是纯色的，因为之后导入到字体制作软件里会显得很小。
- 第二步：保证图标之间的风格统一，不能这个图标是圆角的，那个图标是直角的，那就太乱。
- 第三步：我还会注意图标的粗细、大小要协调，这样放在一起才好看。
生成字体文件
图标都画好之后，我就用一些字体制作工具（以前好像用过一个叫fontcreator的软件，现在可能有些在线工具更方便），把这些图标打包成一个字体文件，这样以后用起来就方便多。
使用图标
使用iconfont图标绘制要注意下:
- 确保*中的font-family和画布的font保持一致.
- 绘制iconfont图标要使用iconfont的unicode格式。
用iconfont绘制图标挺简单的，就是找图标、画图标、生成字体文件这几步。关键是要细心，注意图标的风格统一、大小协调，这样做出来的东西才好看、好用。
今天的分享就到这里，希望能帮到大家伙儿！
