微信小程序引用阿里巴巴iconfont


最近入坑微信小程序,對於引用阿里圖標的方法寫個小隨筆

1.將icon下載到本地

  icon引入小程序需要將字體文件轉換成base64格式,所以先解壓壓縮包 => 找到ttf格式文件 => 上傳到平台轉化為base64格式 => 下載壓縮包 => 將css文件名改為wxss => 放入項目樣式文件夾

  字體文件轉換成base64格式的鏈接  https://transfonter.org/

  附上一張簡單操作圖

  

 

2.使用

  全局引入wxss樣式,進行初步定義

  

 

  在需要使用的頁面直接使用就可以啦 <icon class="iconfont icon-44"></icon>

  (也可以不在全局匯總定義需要使用的圖標,直接使用<icon class="iconfont icon-44"></icon>同樣可以行得通,其中class中的icon-44需要和iconfont圖標庫里面的icon名稱相同,如圖)

  

  


免責聲明!

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



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