建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程：微信小程序API 字體
wx.loadFontFace(Object object)
基礎(chǔ)庫 2.1.0 開始支持，低版本需做 兼容處理。
我們提供的服務(wù)有：網(wǎng)站設(shè)計制作、做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、惠農(nóng)ssl等。為成百上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的惠農(nóng)網(wǎng)站制作公司
動態(tài)加載網(wǎng)絡(luò)字體，文件地址需為下載類型。'2.10.0'起支持全局生效，需在 app.js 中調(diào)用。
注意：
- 字體文件返回的 contet-type 參考 font，格式不正確時會解析失敗。
- 字體鏈接必須是https（ios不支持http)
- 字體鏈接必須是同源下的，或開啟了cors支持，小程序的域名是servicewechat.com
- canvas等原生組件不支持使用接口添加的字體
- 工具里提示 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 | 否 | 可選的字體描述符 | ||
| 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.desc 的結(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 |
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é)果 |
示例代碼
在開發(fā)者工具中預(yù)覽效果
wx.loadFontFace({
family: 'Bitstream Vera Serif Bold',
source: 'url("https://sungd.github.io/Pacifico.ttf")',
success: console.log
})新聞標(biāo)題：創(chuàng)新互聯(lián)小程序教程：微信小程序API 字體
標(biāo)題路徑：http://www.5511xx.com/article/cdijpgi.html
