uni-app小程序中引入的字体不生效和video不播放的原因
1.在app中引入字体是不限制的,如果编译到了小程序中,需要使用以下两种方法
(1)首先通过 css 引入地址,然后在需要使用该字体时使用定义的 font-family
即可。
@font-face { font-family: "kaiti"; src: url("https://spkf-zsxn-prod.s3.cn-north-1.amazonaws.com.cn/pic/livecenter/kaiti.ttf"); } .test { font-family: "kaiti"; } 这里的 url 要用 CDN 地址,本地地址无效。
(2)通过 wx.loadFontFace 使用外部字体
wx.loadFontFace({ family: "Bitstream", source: 'url("https://spkf-zsxn-prod.s3.cn-north-1.amazonaws.com.cn/pic/livecenter/kaiti.ttf")', success: (msg) => { console.log(msg); }, }); .test { font-family: "Bitstream"; }
2.在微信小程序中如果视频用的是本地资源不播放,可以换成线上资源