使用字體圖標的優點：

1.比圖標更清晰

2.把圖片當做字體，減少對服務器的請求，性能優化

3.可以解決原先底部點擊小圖片出現空白的bug

做法也比較簡單：（直接在阿裏字體圖標庫選擇的圖標可能會出現圖標線條粗細不一致，UI要求比較高的話建議讓UI把小圖標做成矢量圖，然後前端轉換一下成字體圖標，這樣就完美了）

1.UI需要制作矢量小圖標（svg格式，需要註意一下，UI最好轉曲一下，防止被修改。曾經圖標中沒有轉曲會出現線條自動變粗、利用生成工具生成空白圖片等bug，是轉曲之後解決了bug。所以要記得轉曲一下，防止被修改）；

2.拿到矢量小圖標之後，前端利用字體圖標生成工具生成字體圖標 工具網址：https://icomoon.io/app/#/select

3.下載資源（需要把除了demo、html、文檔外的文件引入頁面）

4.頁面的使用：引用style.css、添加相關類名、標簽中間的寫法在原生成工具那裏可以查看到

5.自定義字體圖標的樣式：這裏當做字體處理就可以了，更換顏色直接設置color就好，定義大小直接用font-size就可以了。

簡單的敘述，大家一起進步。

自制字體圖標