此文演示如何在小程序上使用iconfont字體圖標。
使用說明
image.png
新建項目
image.png
點擊icon收藏
image.png
加入到test項目中
image.png
下載到本地解壓
image.png
生成代碼
image.png
復制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
