小程序现在已经成为前端的必备技能之一了，可是我居然还不会，于是乎先去通读了小程序的文档，然后买了掘金小册《微信小程序开发入门：从 0 到 1 实现天气小程序》打算跟着大佬实战一番。不看不要紧，一看之下发现跳了一个大坑，作者说的是从0到1，结果中间跳跃好大，理论篇看着很舒服，但是到了实战篇就直接懵逼，下面评论一片叫苦。看不懂啊，好吧，那我自己用原生先实现一遍吧，于是直接跳到了实战第三篇，先写个icon组件。。。
看了一遍icon组件的实现，发现很简单吗，于是开始自己写，写着写着发现不对呀，这个ttf字体文件怎么来的，我想要自己的图标字体咋办呀，于是就有了今天的第一个填坑记录：
icon组件中使用的icon字体是怎么来的？
根据作者的提示自己摸索出了icon字体的制作过程。
1、在iconfont中下载自己想要的icon代码
相信大家都知道iconfont，就不多介绍了。
- 先在iconfont中选择自己心仪的icon加入到库中
-
这里要注意，库中的icon最多一次性只能下载20个。
-
然后在库中-下载代码。
- 下载后的压缩包，解压后会发现里面包含了各种文件，我们要使用的是.ttf文件。
2、在FontEditor制作字体文件
这一步需要用到百度的字体编辑器FontEditor
-
先在编辑器中新建项目，然后选中新建的项目，点击导入-导入字体文件，找到刚刚下载的.ttf格式的文件导入，如果下载了多个.ttf，依次导入即可。
-
导入后就可以看到所有导入的图标了，每个图标都可以选中，可以进行单独编辑。
-
点击导入旁边的TTF导出按钮，导出生成的.ttf文件，这时候可能会提示Unicode重复，并给出了对应的图标序号，点击确定后会自动定位到Unicode重复的图标，点击上方的字体信息，把unicode修改一下即可，然后接着导出，这个过程估计要重复好几次，知道成功导出为止。
至此自己制作的字体文件就完成了，终于可以拿来用了。
如果自己用原生方法写这个icon组件还有一个坑，就是小程序中无法直接引入外部的字体文件，需要先把字体文件转成base64以后才能使用，这个时候就需要用到transfonter了，具体怎么转大家自行百度吧。
接着写我的小程序去了，后续有坑接着填
