小程序動態(tài)加載網(wǎng)絡(luò)字體 wx.loadFontFace(Object object)

動態(tài)加載網(wǎng)絡(luò)字體，文件地址需為下載類型。'2.10.0'起支持全局生效，需在 app.js 中調(diào)用。</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' 以前僅在調(diào)用頁面生效。
參數(shù)
Object object
屬性    類型    默認(rèn)值    必填    說明    最低版本
global    boolean    false    否    是否全局生效    2.10.0
family    string        是    定義的字體名稱    
source    string        是    字體資源的地址。建議格式為 TTF 和 WOFF，WOFF2 在低版本的iOS上會不兼容。    
desc    Object        否    可選的字體描述符    
結(jié)構(gòu)屬性    類型    默認(rèn)值    必填    說明
style    string    'normal'    否    字體樣式，可選值為 normal / italic / oblique
weight    string    'normal'    否    字體粗細(xì)，可選值為 normal / bold / 100 / 200../ 900
variant    string    'normal'    否    設(shè)置小型大寫字母的字體顯示文本，可選值為 normal / small-caps / inherit
scopes    Array        否    字體作用范圍，可選值為 webview / native，默認(rèn) webview，設(shè)置 native 可在 Canvas 2D 下使用    
success    function        否    接口調(diào)用成功的回調(diào)函數(shù)    
fail    function        否    接口調(diào)用失敗的回調(diào)函數(shù)    
complete    function        否    接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會執(zhí)行）    
object.success 回調(diào)函數(shù)
參數(shù)
Object res
屬性    類型    說明
status    string    加載字體結(jié)果
object.fail 回調(diào)函數(shù)
參數(shù)
Object res
屬性    類型    說明
status    string    加載字體結(jié)果
object.complete 回調(diào)函數(shù)
參數(shù)
Object res
屬性    類型    說明
status    string    加載字體結(jié)果
示例代碼

wx.loadFontFace({
  family: 'Bitstream Vera Serif Bold',
  source: 'url("https://sungd.github.io/Pacifico.ttf")',
  success: console.log
})