微信小程序> 关于微信小程序引入自定义字体的一些坑

关于微信小程序引入自定义字体的一些坑

浏览量:5430 时间: 来源:湫沐椿风

最近在做小程序开发时,需要使用到第三方的字体,由于小程序不能将字体放到本地,所以试了下

wx.loadFontFace({        family: 'webfont',        source: 'url("http://cdn.123123.com/minijianhanzhenguangbiao.ttf")',        success: function (res) {          console.log(res) //  loaded        },        fail: function (res) {          console.log(res) //  error        },        complete: function (res) {          console.log(res.status);        }      });

但是会报错,引入不了

看了网上很多文章后发现可以把字体上传到https://transfonter.org/转成base64后下载下来,下载下来引入对应css后发现确实可以使用,但当提交代码的时候发现太大啦,css文件都有1M多,愁死个人啊

然后想了想能不能在ttf文件中只保留自己想要的字体再转成base64呢,然后在网上搜罗了一番,发现了一个神奇的网站可以在线提取字体https://www.fontke.com/tool/subfont/

然后再到这个网站https://transfonter.org/转成base64只有十几k,happy

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎