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.在微信小程序中如果视频用的是本地资源不播放,可以换成线上资源

posted @ 2023-02-09 20:26  我有头盔  阅读(953)  评论(0编辑  收藏  举报