背景
最近自己在寫一個小程序，在使用iconfont的時候，出了一點小問題，解決的過程是簡單、高效的。
想到之前就使用過iconfont，不過當時只是一筆帶過。而今考慮到在項目中小icon的使用廣泛，有必要簡單總結一下使用iconfont方面的。
這篇博文不屬於技術範疇，只能說是一個小小的技能吧--在個人開發中可以起到一個很好的技能拓展。
概念
我們在開發過程中會用到很多的小圖標，作爲一個不會PS的前端，或者沒有美工經驗的前端，
iconfont-阿里巴巴矢量圖標庫裏面有很多的小圖標可供我們選擇使用。
範圍
iconfont-阿里巴巴矢量圖標庫地址：https://www.iconfont.cn/
可供web端、Android、iOS端使用。
官方文檔的使用說明很明確：https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8d11a391&helptype=code
本文章只討論小程序端關於Unicode的使用
應用
這裏記錄兩種使用方法，可直接看最後的在線鏈接使用，兩步搞定。
本地使用
步驟一
- 將選好的小圖標進行代碼下載（此下載文件爲1️⃣）
- 打開這個平臺transfonter.org/
- 點擊Add fonts按鈕,加載ttf格式的那個文件
- 將下邊的base64 encode改爲on
- 點擊Convert按鈕 進行轉換
- 轉換後點擊download下載，（此文件爲2️⃣）
步驟二
- 在小程序本地新建 icon.wxss文件，並在app.wxss引入
- 下載下來的文件（文件2️⃣）中有個 stylesheet.css文件，將其中代碼copy至icon.wxss（注意這一步也可以直接在你新建的項目中找到在線連接、直接複製copy到stylesheet中也可以）
- 將下載的文件1️⃣中除了@font-face中的其它部分，copy至icon.wxss便可使用
- 在wxml中：
<text class="iconfont icon-time" style="font-size:30rpx;color:black"></text>
在線鏈接使用
- 將選好的小圖標進行代碼下載
- 下載好的文件中
iconfont.css種所有代碼copy至iconfont.wxss- 在網站你的項目中找到在線鏈接，copy該
@font-face替換iconfont.css中的@font-face