Failed to load local font resource:微信小程序加载第三方字体

加载本地字体.ttf

Failed to load local font resource

将ttf转换为base64格式:https://transfonter.org/
步骤如下
Failed to load local font resource:微信小程序加载第三方字体_第1张图片
将下载后的stylesheet.css 里的font-family属性名字改一下,然后引进页面里就行了,全局样式就放app.scss,单页面就引入单页面
注:

.title {
  height: 36rpx;
  font-size: 36rpx;
  font-family: "stylesheet里的名字"; // 这里要加引号
  font-weight: bold;
  color: #333333;
  line-height: 36rpx;
}

加载网络字体

好处不超包,坏处比较慢

wx.loadFontFace({
    family: 'yyy',
    source: 'url("xxx")',
    success: function (e) {
        console.log(e, '动态加载字体成功')
    },
    fail: function (e) {
        console.log(e, '动态加载字体失败')
    }
})

你可能感兴趣的:(css,小程序,微信小程序,小程序,css)