一.在iconfont中找到自己需要的圖標并加入創(chuàng)建的項目中
iconfont網(wǎng)址鏈接:https://www.iconfont.cn
二芒填、點擊下載至本地
三、對下載好的文件進行解壓,更改名稱,并將文件復制到項目文件中
1.文件夾命名為fonts,名稱可取任意
2.刪除的demo.css
和demo.html
為官網(wǎng)使用文檔,可以根據(jù)需要進行刪除
3.將iconfont.css
改為iconfont.wxss
耸袜,小程序中css樣式文件后綴為wxss
4.將fonts
文件夾放在assets
下(放置位置依據(jù)個人習慣)
四、在頁面中進行引入使用iconfont
1.在使用界面wxss引入樣式表fonts/iconfont.wxss
index.wxss界面
@import '/assets/fonts/iconfont.wxss';
2.在index.wxml頁面中使用
<icon class="iconfont iconshangyishou" ></icon>
iconfont
必須要寫 牲平;
iconshangyishou
是樣式名稱
樣式名稱可在iconfont我的項目中復制代碼獲取
五堤框、修改樣式名稱
打開
fonts/iconfont.wxss
,找到需要修改樣式的圖標名稱替換為新的名稱icontext
此處以iconshangyishou
為例,將樣式名稱修改為icontext