微信小程序 使用字體圖標 iconfont
發(fā)布時間：2021-06-18 08:58 所屬欄目：小程序開發(fā)教程
第一步：在阿里巴巴矢量圖標庫下載需要的圖標
地址：https://www.iconfont.cn/
添加至項目
第二步：打開在線代碼
將在線代碼復(fù)制
第三步：點擊下載至本地下載圖標
將下載的download文件解壓打開iconfont.css，將文件中的@font-face替換為在線鏈接（即剛剛復(fù)制的代碼）。
第四步：將iconfont.css文件中的代碼復(fù)制到微信小程序使用字體圖標的的wxss文件中。
使用實例：
|
1 2 3 4 5 |
<icon class='iconfont icon-icon_fabu'/> <icon class='iconfont icon-ditu-dibiao'/> <icon class='iconfont icon-gongdanqueren'/> <icon class='iconfont icon-kongxinduigou'/> <icon class='iconfont icon-icon_zhanghao'/> |
效果
