前言
最近在接手一個微信小程序，發現里面的圖標都是使用的image組件，看起來非常別扭，加載也不太順暢。
就想着看看微信有沒有類似自帶的圖標庫可以使用。
有是有，就是太少了，翻來翻去好像也就 8 種，不太夠用啊。
官方沒有就只能自己做了，還是阿里的iconfont好使，首先你得有iconfont的賬號。
1、將你心儀的圖標加入購物車
2、將圖標添加至項目
點擊右上角倒數第三個圖標進入購物車，然后將購物車添加到我們的項目中，沒有項目可以自行創建。
3、我的項目
進入到我的項目可以看到我們剛剛加入的圖標，我的項目在最上方的資源管理 — 我的項目。
4、將項目下載至本地
解壓后你會看到如下文件
5、將字體轉換為base64
進入網站：https://transfonter.org/ ，找到文件中的 iconfont.ttf 字體文件，將字體文件轉換為 base64。
記得開啟第2步的 Base64 encode。
下載並解壓后你將會獲得如下的文件
6、樣式文件修改
同時打開第 4 步下載解壓的 iconfont.css文件和第 5 步，下載解壓的stylesheet.css文件。
我們先看confont.css文件，紅圈中的代碼直接刪除
再打開stylesheet.css文件，將紅圈中的代碼復制到confont.css文件中去
7、重命名
給confont.css重命名為 xxx.wxss，並放到微信小程序項目中去，注意：后綴必須是wxss
8、導入樣式文件並使用
在app.wxss中導入我們的 xxx.wxss，我們生成的 icon 圖標就可以在項目中使用了。
<view class="iconfont icon-bianji"></view>
