最近入坑微信小程序,對於引用阿里圖標的方法寫個小隨筆
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名稱相同,如圖)