微信小程序是否可以引用特殊字體

微信小程序是否可以引用特殊字體

可以引用特殊字體。

具體的方法如下：

方法一： 轉(zhuǎn)base64格式

1、下載要使用的字體，建議TTF格式

2、打開網(wǎng)站 https://transfonter.org/ 轉(zhuǎn)換格式，得到壓縮包

3、將壓縮包解壓后，把stylesheet.css的內(nèi)容復(fù)制到小程序的公共樣式，就可以使用了

推薦學(xué)習(xí)：小程序開發(fā)

方法二：動(dòng)態(tài)加載網(wǎng)絡(luò)字體（推薦使用）

動(dòng)態(tài)加載網(wǎng)絡(luò)字體。文件地址需為下載類型。iOS 僅支持 https 格式文件地址。

wx.loadFontFace({   family: 'HYQH-50S',   source: 'url("https://www.xxx.com/font/HYQH-50S.ttf")',   success: function (res) {     console.log(res.status)   },   fail: function (res) {     console.log(res.status)   },   complete: function (res) {     console.log(res.status);   } });

關(guān)于字體鏈接source，需要注意幾個(gè)點(diǎn)：

1、字體鏈接需為下載類型

2、字體鏈接必須是https

3、字體鏈接必須是同源下的，或開啟cors支持

使用方式也很簡單，直接再css設(shè)置font-family就可以了

view { 	font-family: "HYQH-50S" !important; }

PHP中文網(wǎng)，大量thinkphp教程，歡迎學(xué)習(xí)！