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