【微信小程序】引用FontAwesome字體


1. 到Font Awesome官網下載字體包:http://www.fontawesome.com.cn/

2. 打開壓縮包找到.ttf文件

3. 打開字體上傳到網址 https://transfonter.org/,選擇base64 編嗎 ,convert后下載

4. 下載轉換后的文件

5. 新建一個fontAwesome.wxss文件,將stylesheet.css的內容復制到里面

6. 打開1中的文件font-awesome.css,復制里面的css(去掉@font-face部分)到新建的fontAwesome.wxss文件中

7. 在全局的app.wxss文件中引入fontAwesome.wxss,然后這樣使用:<text class="fa fa-user"></text>

說明:由於我用的是font Awesome字體,這里只提到font Awesome字體的引用方式,像iconfont字體也是可以類似引入的。


免責聲明!

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



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