方法一:轉(zhuǎn)化為base64
第一步:在阿里巴巴矢量圖標(biāo)庫下載需要的圖標(biāo)
點(diǎn)擊下載代碼灾茁,將下載后的download.zip解壓
第二步:進(jìn)入https://transfonter.org/平臺(tái)官扣,將ttf格式轉(zhuǎn)化為base64格式厅贪,轉(zhuǎn)化完畢下載
第三步:在微信小程序中使用
- 打開剛剛我們經(jīng)過轉(zhuǎn)換的解壓出來的文件,找到stylesheet.css堤结,將其中的內(nèi)容全部復(fù)制到wxss文件中(在哪使用在哪加入)。
- 打開沒有轉(zhuǎn)化過的download文件中的iconfont.css文件鸭丛,將中除了@font-face部分的其他所有代碼復(fù)制到wxssz中.
- 在wxml中使用字體圖標(biāo)直接使用class即可(在wxss中每個(gè)字體圖標(biāo)對應(yīng)一個(gè)class)竞穷。
方法二:使用在線圖標(biāo)
第一步:在阿里巴巴矢量圖標(biāo)庫下載需要的圖標(biāo)
添加至項(xiàng)目
第二步:打開在線代碼
將在線代碼復(fù)制
第三步:點(diǎn)擊下載至本地下載圖標(biāo)
將下載的download文件解壓打開iconfont.css,將文件中的@font-face替換為在線鏈接(即剛剛復(fù)制的代碼)鳞溉。