taro開發小程序引入icon字體庫


1、在 阿里巴巴字體庫 選購喜歡的字體並下載壓縮文件,

阿里巴巴字體庫使用方法

1.進入阿里巴巴字體官網 注冊登錄

 

2.按照如圖所示1、2、3 創建一個項目
3.在首頁選擇需要的字體添加到購物車,
4.在右上角購物車內,將所選圖標添加到項目中
5.在項目中選擇 fontclass 獲取在線樣式地址 也可以直接下載到本地
6.在本地項目中引入該樣式即可使用 標簽內直接添加 字體類名和選中的類名

7.建立個公共的樣式文件styles,然后把font文件夾放進去

8.把iconfont.css文件夾改成iconfont.scss,或者重新復制個改成scss文件,不然引入會報錯,如下圖

9.在公共樣式里引入iconfont.scss,如下圖,然后引入公共樣式文件就可以了

 

10.在js里面引用有2個方法,<Text class="icon iconfont icon-delete8e"></Text>或者<Text class="icon iconfont">&#xe677;</Text>

效果就出來了


免責聲明!

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



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