mui如何增加自定義icon圖示

mui提供了一些基本的icon圖示，同時也支援使用者自定義圖示，那應該怎麼做呢？以阿裡巴巴矢量圖示庫為例，介紹如何添加自定義的圖示，親測有效

1.打開阿裡巴巴矢量圖示庫搜尋你所需要的素材圖示，選擇圖示并加入購物車

2.打開購物車，選擇“添加至項目”，為項目命名，點選确定

3.選擇下載下傳至本地

4.解壓檔案夾得到如下檔案：

5.将iconfont.css及iconfont.ttf兩個檔案分别拷貝到mui工程css及fonts目錄下

6.修改iconfont.css檔案部分内容

7.引入iconfont.css檔案

8.修改class名即可，在需要修改的圖示的span中加上類名iconfont icon-dongtai即可（dongtai為第2步中命名的項目名稱）

9.最終效果圖如下：