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

angryTom
發布: 2020-03-19 17:31:48
原創
6949 人瀏覽過

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

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

小程式中使用蘋方字體,可以用官方的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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!