微信小程序引用外部字體

原文鏈接:https://blog.csdn.net/qq_24985715/article/details/80857733

https://blog.csdn.net/qq_24985715/article/details/80857733

1、找到字體包ttf、eot、svg、woff隨便一種格式文件;文件轉換網站:字體文件轉換網站
2、上傳2中的字體文件(最好是ttf文件)到https://transfonter.org/,選擇base64 編嗎 ,convert後下載.

這裏寫圖片描述
3、跟components同級,新建一個style文件夾,裏面放第二步轉換完下載後的得到的那些後綴文件(eot,svg,ttf,woff,woff2)

4、在style文件夾裏,新建.wxss的css文件,打開下載的文件,找到stylesheet.css,將裏面的全部內容複製到新建的.wxss中

這裏寫圖片描述
5、找到需要引用字體庫的wxss文件,用import 方式引入字體庫css@import '../../style/knckout.wxss';
需要用的標籤添加font-family字體名稱:font-family: 'Knockout'

這裏寫圖片描述
就可以使用了
————————————————
版權聲明:本文爲CSDN博主「小尹子」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_24985715/article/details/80857733

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章