微信小程序中使用阿里ICON圖標

因爲微信小程序不支持ttf字體，只支持base64的問題，須要把從圖庫下載下來的字體文件中的ttf文件轉碼爲base64後使用如圖

需將圖中箭頭所指的字體文件經過 https://transfonter.org/    進行base64 處理

將通過base64處理後的文件下載並解壓後取得stylesheet.css文件並在小程序的目錄下新建iconfont.wxss文件講stylesheet.css中的內容所有複製下來粘貼進新建好的iconfont.wxss文件中

 而後將阿里圖庫下載下來的文件夾中的iconfont.css文件打開將其中部分代碼複製粘貼至咱們本身小程序中新建的iconfont.wxss文件中

 

自此，字體文件已經處理完成，只等咱們在各個頁面使用便可。處理完成的文件以下圖所示

最後一步，在須要的界面進行使用，前提是須要將咱們處理後的iconfont.wxss文件引入到小程序根目錄下的app.wxss文件進行全局引入。以下圖引入便可

 

引入完畢後便可在任意界面進行使用了，使用方式以下

 

 參考博客：https://blog.csdn.net/hdchangchang/article/details/83511007