微信小程序中使用阿里ICON圖標


由於微信小程序不支持ttf字體,只支持base64的問題,需要把從圖庫下載下來的字體文件中的ttf文件轉碼為base64后使用如圖

需將圖中箭頭所指的字體文件通過 https://transfonter.org/    進行base64 處理

將經過base64處理后的文件下載並解壓后取得stylesheet.css文件並在小程序的目錄下新建iconfont.wxss文件講stylesheet.css中的內容全部復制下來粘貼進新建好的iconfont.wxss文件中

 然后將阿里圖庫下載下來的文件夾中的iconfont.css文件打開將其中部分代碼復制粘貼至我們自己小程序中新建的iconfont.wxss文件中

 

自此,字體文件已經處理完成,只等我們在各個頁面使用即可。處理完成的文件如下圖所示

最后一步,在需要的界面進行使用,前提是需要將我們處理后的iconfont.wxss文件引入到小程序根目錄下的app.wxss文件進行全局引入。如下圖引入即可

 

引入完畢后即可在任意界面進行使用了,使用方式如下

 

 參考博客:https://blog.csdn.net/hdchangchang/article/details/83511007

 


免責聲明!

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



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