程序开发之字体参数说明(附代码示例

网友投稿 176 2024-07-09

字体

#loadFontFace

ft.loadFontFace(Object object)

小程序开发之字体参数说明(附代码示例)

动态加载网络字体,文件地址需为-类型。'2.10.0'起支持全局生效,需在 app.js 中调用。

注意:

  1. 字体文件返回的 contet-type 参考 font (opens new window),格式不正确时会解析失败。

  2. 字体链接必须是https(ios不支持http)

  3. 字体链接必须开启cors支持 *

  4. 工具里提示 Faild to load font可以忽略

参数

Object object

属性类型默认值必填说明最低版本
globalbooleanfalse是否全局生效2.10.0
familystring
定义的字体名称
sourcestring
字体资源的地址。建议格式为 TTF 和 WOFF,WOFF2 在低版本的iOS上会不兼容。
descObject
可选的字体描述符
scopesArray
字体作用范围,可选值为 webview / native,默认 webview,设置 native 可在 Canvas 2D 下使用
successfunction
接口调用成功的回调函数
failfunction
接口调用失败的回调函数
completefunction
接口调用结束的回调函数(调用成功、失败都会执行)

object.desc 的结构

属性类型默认值必填说明
stylestring'normal'字体样式,可选值为 normal / italic / oblique
weightstring'normal'字体粗细,可选值为 normal / bold / 100 / 200../ 900
variantstring'normal'设置小型大写字母的字体显示文本,可选值为 normal / small-caps / inherit

object.success 回调函数

参数

Object res

属性类型说明
statusstring加载字体结果

object.fail 回调函数

参数

Object res

属性类型说明
statusstring加载字体结果

object.complete 回调函数

参数

Object res

属性类型说明
statusstring加载字体结果

示例代码

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


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:小程序开发之api背景界面参数(附代码示例)
下一篇:小程序下拉刷新参数及代码示例
相关文章

 发表评论

暂时没有评论,来抢沙发吧~