小程序動態加載網絡字體 wx.loadFontFace(Object object)
動態加載網絡字體,文件地址需為下載類型。'2.10.0'起支持全局生效,需在 app.js 中調用。</p><p>注意:</p><ol><li>字體文件返回的 contet-type 參考 font,格式不正確時會解析失敗。</li><li>字體鏈接必須是https(ios不支持http)</li><li>字體鏈接必須是同源下的,或開啟了cors支持,小程序的域名是<code>servicewechat.com
工具里提示 Faild to load font可以忽略
'2.10.0' 以前僅在調用頁面生效。
參數
Object object
屬性 類型 默認值 必填 說明 最低版本
global boolean false 否 是否全局生效 2.10.0
family string 是 定義的字體名稱
source string 是 字體資源的地址。建議格式為 TTF 和 WOFF,WOFF2 在低版本的iOS上會不兼容。
desc Object 否 可選的字體描述符
結構屬性 類型 默認值 必填 說明
style string 'normal' 否 字體樣式,可選值為 normal / italic / oblique
weight string 'normal' 否 字體粗細,可選值為 normal / bold / 100 / 200../ 900
variant string 'normal' 否 設置小型大寫字母的字體顯示文本,可選值為 normal / small-caps / inherit
scopes Array 否 字體作用范圍,可選值為 webview / native,默認 webview,設置 native 可在 Canvas 2D 下使用
success function 否 接口調用成功的回調函數
fail function 否 接口調用失敗的回調函數
complete function 否 接口調用結束的回調函數(調用成功、失敗都會執行)
object.success 回調函數
參數
Object res
屬性 類型 說明
status string 加載字體結果
object.fail 回調函數
參數
Object res
屬性 類型 說明
status string 加載字體結果
object.complete 回調函數
參數
Object res
屬性 類型 說明
status string 加載字體結果
示例代碼
wx.loadFontFace({
family: 'Bitstream Vera Serif Bold',
source: 'url("https://sungd.github.io/Pacifico.ttf")',
success: console.log
})