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

微信小程式是否可以引用特殊字型    

可以引用特殊字型。

具體的方法如下：

方法一： 轉base64格式

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

2、打開網站 https://transfonter.org/ 轉換格式，得到壓縮套件

3、將壓縮封包解壓縮後，把stylesheet.css的內容複製到小程序的公共樣式，就可以使用了

推薦學習：小程式開發

#方法二：動態載入網頁字型（建議使用）

動態載入網頁字體。文件地址需為下載類型。 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);
  }
});

關於字型連結source，需要注意幾個點：

1、字型連結需為下載類型

2、字型連結必須是https

#3、字體連結必須是同源下的，或開啟cors支援

使用方式也很簡單，直接再css設定font-family就可以了

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

PHP中文網，大量thinkphp教學，歡迎學習！

以上是微信小程式是否可以引用特殊字體的詳細內容。更多資訊請關注PHP中文網其他相關文章！