微信小程序 使用字體圖標(biāo) iconfont
發(fā)布時(shí)間：2021-06-18 08:58 所屬欄目：小程序開發(fā)教程
第一步：在阿里巴巴矢量圖標(biāo)庫下載需要的圖標(biāo)
地址：https://www.iconfont.cn/
添加至項(xiàng)目
第二步：打開在線代碼
將在線代碼復(fù)制
第三步：點(diǎn)擊下載至本地下載圖標(biāo)
將下載的download文件解壓打開iconfont.css，將文件中的@font-face替換為在線鏈接（即剛剛復(fù)制的代碼）。
第四步：將iconfont.css文件中的代碼復(fù)制到微信小程序使用字體圖標(biāo)的的wxss文件中。
使用實(shí)例：
|
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'/> |
效果
易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
碼云倉庫:
本文地址：http://www.szcjxy.com/wxmini/doc/course/26554.html 復(fù)制鏈接
如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢： 點(diǎn)擊咨詢
