小程式中怎麼設定蘋果蘋方字體

小程式中怎麼設定蘋果蘋方字體

小程式中使用蘋方字體，可以用官方的API：wx.loadFontFace （載入外部字體）來實現。

使用範例：

wx.loadFontFace ({
  family: 'PingFangSC-Medium',
  source: 'url("https://www.your-server.com/PingFangSC-Medium.ttf")',
  success: function(){console.log('load font success')}
})

（推薦學習：小程式開發）

這裡要注意的一點是，family處的名稱就是使用時font-family的名稱，舉個例子，上方載入的字體這樣使用：

.foo {
    font-family:PingFangSC-Medium;
}

建議

##由於字體可能會比較大，所以不建議在一個小程式中使用多種字體，這會影響使用者體驗。

為了確保介面效果，可以在onLoad週期載入字體，在success回呼中執行後續操作，必要時加上Loading，讓程式更加友善。

PHP中文網，大量

thinkphp教學，歡迎學習！

以上是小程式中怎麼設定蘋果蘋方字體的詳細內容。更多資訊請關注PHP中文網其他相關文章！