wx.loadFontFace({
global: true,
family: 'Roboto',
source: 'url("https://xxxx.cn/public/web/Alibaba-PuHuiTi-Regular.ttf")',
});
- 需求描述:引入一个外部字体进小程序中,并且这个字体可以支持CSS修改粗体样式
- 比如说使用阿里普惠体为例,从官网下载的字体文件看了下有五种格式,然后选择了一种放到服务器上后,设置样式粗体没效果。
- 但是loadFontFace又不支持把这五个全部传上去。
- 想请问下大佬们这种情况怎么解决呢?拜托拜托了
如果你 引入的是常规字体,那加粗的样式就没法生效。得自己把加粗字体也引入,试试多次调用wx.loadFontFace,然后传入desc
可以加粗,动态设置字体和加粗
class="{{ loaded ? 'font-loaded' : '' }}"
.font-loaded {
font-family: "Roboto";
font-weight: 900;
}