前言
最近在接手一個微信小程式，發現裡面的圖示都是使用的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>
