[微信小程序] 微信小程序使用特殊字体

 methods: {
    onLoad() {
      this.loadFontFace()
    },
    loadFontFace() {
     wx.loadFontFace({
       family: 'Bebas',
       source: 'url("https://cloud-minapp-37887.cloud.ifanrusercontent.com/1mdOQVZ9eaLtmlUt.ttf")',
       fail: console.log,
     })
   },
}

使用特殊字体

.points-num {
  font-family: 'Bebas';
  font-size: 90rpx;
  color: #FC322F;
  text-align: center;
}

遇到字体包过大问题时，可以使用 字蛛 或者 fontmin-webpack 对字体包进行压缩

const FontminPlugin = require('fontmin-webpack')
new FontminPlugin({
  autodetect: false,
  glyphs: hieroglyphs || [],
  textRegex: /\.(js|css|html)$/, // RegExp for searching text reference
}),