微信小程序引用自定义字体文件

共计 538 个字符，预计需要花费 2 分钟才能阅读完成。

小程序真机调试时候，会发现，很多字体无法生效，是因为手机端没有这些字体库文件，根据官方文档指引，如果需要自定义字体，就需要用到 `wx.loadFontFace` 方法：

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

注意事项：

需要注意的是，这个远程地址必须是 https 的协议头，family 是自定义名字 source 是需要引入的远程字体地址。

引入成功之后，就可以在 css 文件当中配置了：

/* 字体 */
.articleTitle{font-family:"selfont" !important;}

功能描述

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

注意：

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