创新互联小程序教程：微信小程序API 字体

wx.loadFontFace(Object object)

基础库 2.1.0 开始支持，低版本需做 兼容处理。

我们提供的服务有：网站设计制作、做网站、微信公众号开发、网站优化、网站认证、惠农ssl等。为成百上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的惠农网站制作公司

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

注意：

1. 字体文件返回的 contet-type 参考 font，格式不正确时会解析失败。
2. 字体链接必须是https（ios不支持http)
3. 字体链接必须是同源下的，或开启了cors支持，小程序的域名是servicewechat.com
4. canvas等原生组件不支持使用接口添加的字体
5. 工具里提示 Faild to load font可以忽略
6. '2.10.0' 以前仅在调用页面生效。

参数

Object object

object.desc 的结构

object.success 回调函数

参数

Object res

object.fail 回调函数

参数

Object res

object.complete 回调函数

参数

Object res

示例代码

在开发者工具中预览效果

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

本文名称：创新互联小程序教程：微信小程序API 字体
文章位置：http://www.shufengxianlan.com/qtweb/news36/551886.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联