此文演示如何在小程序上使用iconfont字體圖標(biāo)姻成。
使用說(shuō)明
image.png
新建項(xiàng)目
image.png
點(diǎn)擊icon收藏
image.png
加入到test項(xiàng)目中
image.png
下載到本地解壓
image.png
生成代碼
image.png
復(fù)制iconfont.css到xxx.wxss
image.png
替換iconfont.css中的@font-face為上面的生成代碼
image.png
xxx.wxss樣式中@import使用
@import "../../../css/test.wxss";
wxml中使用
<text class='iconfont icon-home' style='color:#7F8389;font-size:60rpx;'></text>
顯示結(jié)果
image.png
