微信小程序中使用字體圖標需要將ttf文件編碼爲base64才能使用。網上查一般使用：https://transfonter.org/，進行在線轉換，我在使用該網站時，無法成功上傳文件，只能想別的辦法。
使用https://www.motobit.com/util/base64-decoder-encoder.asp該網站編碼ttf文件
一、準備好自己的字體圖標庫
例如：https://icomoon.io/app/#、或者阿里巴巴字體圖標庫，在這些網站上生成自己需要的圖標庫之後下載文件，解壓後文件結構如下：
需要關注的是font文件和style.css文件。如果在一般網頁使用，則直接將font文件夾以及style.css文件剪切到自己的項目文件中去，即可通過添加對應類名使用字體圖標。
二、ttf轉碼base64
在 https://www.motobit.com/util/base64-decoder-encoder.asp 網站裏打開font文件下的.ttf文件：
轉換完的base64編碼段是帶有換行符的，我們需要將換行符消除，可使用sublime text3或者其他ide進行正則匹配消去:
三、製作字體圖標css文件
對style.css進行備份（怕整壞哈），接下來對style.css進行修改：
主要修改成這樣：
@font-face {
font-family: 'wxmemo-icon';src:url(data:font/truetype;charset=utf-8;base64,base64編碼段) format('truetype');
}
修改後截圖：
之後可以將修改後的style.css文件引入自己的項目中，使用代碼：
<span class="icon icon-abandon"></span>
到此運行可看到圖標正常顯示：
