iconfont字體庫——使用方法


1.iconfont字體庫官網地址:https://www.iconfont.cn/

 

找到我的項目——>>我參與的項目:(1)選擇font class、(2)點擊下載至本地

 

2.下載的壓縮文件

 

 

 css和ttf這兩個文件會用到,需要留意

2.1把css文件拷入項目中,我工作會習慣性改下文件名

 

 最后路徑標點改為英文分號;

 

2.2把ttf 文件拷入項目中,習慣性改名為uni.ttf

 

 3.在app.vue中引用css文件

 

 

 4.在項目中的使用,引用類名,就是iconfont字體庫的類名

 

<i class="iconfont icongerenzhongxin"></i>

 

 

 

 5.在page.json文件中的使用

 

常用放在導航欄右上角

 

 

 

 text一定要\u開頭,復制css中對應圖標的content名即可

 

【注:不足之處還請指正,開心快樂每一天~】


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM