微信小程序自定义字体

一、直接引用外部字体(需要外部cdn字体)

 1. app.scss

/* 自定义字体 */
@font-face {
  font-family: 'D-DIN';
  src: url("https://speedship-prod.oss-cn-shenzhen.aliyuncs.com/wechat_fonts/D-DIN.otf");
}
@font-face {
  font-family: 'D-DIN-Bold';
  src: url("https://speedship-prod.oss-cn-shenzhen.aliyuncs.com/wechat_fonts/D-DIN-Bold.otf");
}

 2. 引用界面

.classname {
 font-family: D-DIN-Bold
}

二、app里面使用loadFace

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