收藏
回答

wx.loadFontFace字体引入使用,CSS不能设置样式粗体吗?

wx.loadFontFace({

      global: true, 

      family: 'Roboto',

      source: 'url("https://xxxx.cn/public/web/Alibaba-PuHuiTi-Regular.ttf")',

    });

  1. 需求描述:引入一个外部字体进小程序中,并且这个字体可以支持CSS修改粗体样式
  2. 比如说使用阿里普惠体为例,从官网下载的字体文件看了下有五种格式,然后选择了一种放到服务器上后,设置样式粗体没效果。
  3. 但是loadFontFace又不支持把这五个全部传上去。
  4. 想请问下大佬们这种情况怎么解决呢?拜托拜托了
回答关注问题邀请回答
收藏

2 个回答

  • showms
    showms
    2024-12-20

    如果你 引入的是常规字体,那加粗的样式就没法生效。得自己把加粗字体也引入,试试多次调用wx.loadFontFace,然后传入desc

    2024-12-20
    有用
    回复
  • 正好时光
    正好时光
    2024-12-20

    可以加粗,动态设置字体和加粗

    class="{{ loaded ? 'font-loaded' : '' }}"

    .font-loaded {

      font-family: "Roboto";

      font-weight: 900;

    }

    2024-12-20
    有用
    回复
登录 后发表内容