收藏
回答

小程序引入外部字体怎么实现呢?

小程序引入外部字体,用https://transfonter.org/转成了base64,然后把.css改成.wxss,但是报错 something must be wrong ,我想是因为包太大了,该怎么办呢

回答关注问题邀请回答
收藏

5 个回答

  • 🇨🇳
    🇨🇳
    2019-10-10

    wx.loadFontFace

    https://developers.weixin.qq.com/miniprogram/dev/api/ui/font/wx.loadFontFace.html

    2019-10-10
    有用 2
    回复 3
    • 偷停寂寞
      偷停寂寞
      2019-10-10
      啥地方有这个字体连接呢
      2019-10-10
      回复
    • 🇨🇳
      🇨🇳
      2019-10-10回复偷停寂寞
      把你要引用的字体放到服务器上,如果没有,可以找设计要字体文件
      2019-10-10
      回复
    • 偷停寂寞
      偷停寂寞
      2019-10-10
      谢谢啦
      2019-10-10
      回复
  • 禾店短剧系统
    禾店短剧系统
    2021-05-28

    设置那里是把Base64 encode打开然后勾选下面五个选项

    在小程序内创建一个.wxss文件,比如font.wxss,然后把刚刚第二步得到的stylesheet.css全部复制到font.wxss

    到需要引用字体库的wxss文件,用import 方式引入字体库@import '../../style/font.wxss'; 需要用的标签添加font-family字体名称:font-family: Nauert;

    2021-05-28
    有用 1
    回复
  • 刁_Kyle
    刁_Kyle
    2019-10-10

    @font-face {

      font-family'wzjfont';  /* project id 1037261 */

      srcurl('https://xxx/font.ttf'format('truetype'),

      url('https://xxx/font.woff'format('woff'),

      url('https://xxx/font.woff2'format('truetype'),

      url('https://xxx/font.svg#wzjfont'format('svg');

    }


    2019-10-10
    有用 1
    回复 1
    • 🌻
      🌻
      2020-06-18
      为啥设置得字体在真机上无效啊
      2020-06-18
      回复
  • 少年啦
    少年啦
    2019-10-10

    参考 https://developers.weixin.qq.com/miniprogram/dev/api/ui/font/wx.loadFontFace.html

    2019-10-10
    有用 1
    回复 3
    • 偷停寂寞
      偷停寂寞
      2019-10-10
      啥地方有这个字体连接呢,谢谢啦
      2019-10-10
      回复
    • 少年啦
      少年啦
      2019-10-10回复偷停寂寞
      传到自己的cdn就可以了
      2019-10-10
      回复
    • 偷停寂寞
      偷停寂寞
      2019-10-10
      谢谢啦
      2019-10-10
      回复
  • 睡前原谅一切
    睡前原谅一切
    2019-10-10

    使用wx.loadFontFace,字体链接 自己下载下来,传到cdn上

    2019-10-10
    有用
    回复 1
    • 偷停寂寞
      偷停寂寞
      2019-10-10
      谢谢啦
      2019-10-10
      回复
登录 后发表内容
问题标签