wx.loadFontFace(OBJECT) - WXOPEN Club | 微信小程序专业社区

wx.loadFontFace(OBJECT)

怎么用文档给的不太清晰示例代码

wx.loadFontFace({
  family: 'Bitstream Vera Serif Bold',
  source: 'url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf")',
  success: function(res) {    console.log(res.status) //  loaded
  },
  fail: function(res) {    console.log(res.status) //  error
  },
  complete: function(res) {    console.log(res.status);
  }
});

不明，放在方法中报错，不知道怎么用

10 回复

ayi

ayi1 楼6 年前

低版本的基础库下是会报错的。

我也是2.1.0的基础库，把那段代码重复执行两遍试试。

qiang33

qiang332 楼6 年前

if (wx.canIUse(‘loadFontFace’)) {

console.log(“支持自定义字体”);

wx.loadFontFace({

family: ‘Ping Fang’,

source: ‘url(“https://image.tiaozaoj.com/PingFang-SC-Regular.ttf”)’,

success: function(res) {

console.log(“字体加载成功”) // loaded

},

fail: function(res) {

console.log(“字体加载失败”) // error

},

complete: function(res) {

console.log(“加载完成”);

}

});

} else {

console.log(‘不支持自定义字体’)

}

在最新版本的微信上可以用这个字体了，开发者工具貌似还不支持，可以做些兼容，把这段代码放到onLaunch里，然后app.wxss里引用字体就可以了

tao60

tao603 楼6 年前

刚刚发现这段代码放在onLaunch中好像不能用，但是在onLoad中可以被加载，但是没有log日志的打印……

wanxiulan

wanxiulan4 楼6 年前

官人，来解决下呢，pc 上能加载，真机ios 加载字体失败

xiulan62

xiulan625 楼6 年前

console没东西

pingpeng

pingpeng6 楼6 年前

同样没有反应

xiayi

xiayi7 楼6 年前

写onLaunch里面没用，必须放到onLoad里面console才能出来。体积小的英文字体没问题，不过体积大不少的中文字体（40MB左右）全跪了，不知道有啥解决办法。

weisong

weisong8 楼6 年前

你好，基础库是2.1.0开始支持的，请确认基础库是否是2.1.0

guiying52

guiying529 楼6 年前

一点反应都没有只能console.log(‘q’);

myi

myi10 楼4 年前

同问，是因为基础库不够高吗