小程序如何使用阿里字體圖標(biāo)
小程序不通過(guò)轉(zhuǎn)換成base64的方式實(shí)現(xiàn),就要使用阿里字體圖標(biāo)。
下載圖標(biāo)
首先在阿里字體圖標(biāo)查找你所需要的圖標(biāo),然后“添加入庫(kù)”(類似加入購(gòu)物車那種)添加至項(xiàng)目(沒(méi)有項(xiàng)目選擇新建項(xiàng)目)
選擇unicode,點(diǎn)擊“查看在線鏈接”復(fù)制里面的代碼
點(diǎn)擊“下載至本地”,解壓壓縮包編輯iconfont.css,將下面標(biāo)注的內(nèi)容替換為剛才復(fù)制的代碼
小程序中使用
將修改后的iconfont.css里面的代碼全部復(fù)制到微信小程序中需要用到的wxss文件中,
界面(wxml)中引用:
注:如何區(qū)分是哪個(gè)圖標(biāo)?可以在阿里圖標(biāo)“我的項(xiàng)目”中根據(jù)圖標(biāo)文字下面的&#后面的代碼進(jìn)行區(qū)分