小程序動(dòng)態(tài)加載網(wǎng)絡(luò)字體 wx.loadFontFace(Object object)
動(dòng)態(tài)加載網(wǎng)絡(luò)字體,文件地址需為下載類型。'2.10.0'起支持全局生效,需在 app.js 中調(diào)用。</p><p>注意:</p><ol><li>字體文件返回的 contet-type 參考 font,格式不正確時(shí)會(huì)解析失敗。</li><li>字體鏈接必須是https(ios不支持http)</li><li>字體鏈接必須是同源下的,或開啟了cors支持,小程序的域名是<code>servicewechat.com
工具里提示 Faild to load font可以忽略
'2.10.0' 以前僅在調(diào)用頁(yè)面生效。
參數(shù)
Object object
屬性 類型 默認(rèn)值 必填 說明 最低版本
global boolean false 否 是否全局生效 2.10.0
family string 是 定義的字體名稱
source string 是 字體資源的地址。建議格式為 TTF 和 WOFF,WOFF2 在低版本的iOS上會(huì)不兼容。
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)用成功、失敗都會(huì)執(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
})
作者:大學(xué)生新聞網(wǎng) 來源:大學(xué)生新聞網(wǎng)
發(fā)布時(shí)間:2025-04-05 閱讀: