小程序中阿里圖標引入方式


小程序中阿里圖標引入方式

 

一、打開http://www.iconfont.cn,搜索自己需要的圖標,並添加入庫,加入自己建好的項目

 二、將圖標文件下載至本地

三、解壓縮下載的文件,並打開iconfont.ttf文件,

四、將頁面所有內容復制到需要引用圖標的小程序頁面的wxss頁面,例如index.wxss

五、將iconfont.ttf文件轉化為base格式文件

打開https://transfonter.org/

六,解壓縮轉化后的文件,打開stylesheet.css文件

 

 復制@font-face所有的樣式。

覆蓋iconfont.ttf中的@font-face部分內容,覆蓋掉下圖紅線框住的代碼。

 七、在index.wxml中引入


免責聲明!

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



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