小程式現在已經成為前端的必備技能之一了，可是我居然還不會，於是乎先去通讀了小程式的文件，然後買了掘金小冊《微信小程式開發入門：從 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了，具體怎麼轉大家自行百度吧。
接著寫我的小程式去了，後續有坑接著填