微信小程序加载第三方字体

发布时间 2023-10-20 15:28:18作者: 五百万

 

将ttf转换为base64格式:https://transfonter.org/
步骤如下

将下载后的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, '动态加载字体失败')
}
})