打開阿里巴巴iconfont官網(wǎng) http://www.iconfont.cn/;
把用到的字體圖標(biāo)加到項(xiàng)目里面;
-
進(jìn)入到項(xiàng)目里面耍鬓,選擇font class方式來(lái)使用盲镶,如果沒(méi)有生成過(guò)代碼的同學(xué)點(diǎn)生成,已經(jīng)有代碼的直接復(fù)制代碼;iconfont.pngiconfont.png
image.png
image.png
6.使用某個(gè)字體圖標(biāo)五垮。把鼠標(biāo)懸浮到要使用的字體圖標(biāo)上面,然后點(diǎn)復(fù)制代碼杜秸,或者直接復(fù)制字體圖標(biāo)的類名(沒(méi)留意過(guò)叫什么放仗,應(yīng)該是叫類名吧)。然后到項(xiàng)目要使用字體圖標(biāo)頁(yè)面的wxml撬碟,用個(gè)微信小程序支持的行內(nèi)標(biāo)簽(我用的是<i>)诞挨,把類名粘貼上去就OK啦!
<view>
<i class="iconfont icon-feiji2" style="font-size: 100px; color: red;" />
<text>我是字體圖標(biāo)呢蛤,飛機(jī)</text>
</view>
image.png
iconfont
-
效果圖image.png
告辭