关于微信小程序引入自定义子的一些坑
最近在做小程序开发时,需要使用到第三方的字体,由于小程序不能将字体放到本地,所以试了下
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