微信小程序引用阿里巴巴iconfont

最近入坑微信小程序，對於引用阿里圖標的方法寫個小隨筆

1.將icon下載到本地

　　icon引入小程序須要將字體文件轉換成base64格式，因此先解壓壓縮包 => 找到ttf格式文件 => 上傳到平臺轉化爲base64格式 => 下載壓縮包 => 將css文件名改成wxss => 放入項目樣式文件夾

　　字體文件轉換成base64格式的連接  https://transfonter.org/

　　附上一張簡單操做圖

　　

 

2.使用

　　全局引入wxss樣式，進行初步定義

　　

 

　　在須要使用的頁面直接使用就能夠啦 <icon class="iconfont icon-44"></icon>

　　（也能夠不在全局彙總定義須要使用的圖標，直接使用<icon class="iconfont icon-44"></icon>一樣能夠行得通，其中class中的icon-44須要和iconfont圖標庫裏面的icon名稱相同，如圖）