⼩程序使⽤⾃定义字体的三种⽅法
⼀、loadFontFace接⼝
⼩程序官⽅提供的接⼝，最便捷的加载字体的⽅法，不过限制颇多。必须https且同源，canvas等原⽣组件不⽀持。注意！！使⽤本地⽂件⽆效，必须使⽤⽹络地址。
演⽰代码：
wx.loadFontFace({
family: 'FZSuXSLSJW',
source: 'url("we7.f")',
success: res => {
console.log('font load success', res)
},代码转换
fail: err => {
console.log('font load fail', err)
}
})
复制代码
⼆、face-font url
传统的css规则，跟loadFontFace限制⼀样，必须https且同源，不⽀持canvas等原⽣组件，不⽀持本地⽂件。
演⽰代码：
@font-face {
font-family: 'FZSuXSLSJW';
src: url("we7.f")
}
复制代码
三、face-font base64
⽹上教程常介绍的⽅法，到上传⽂件，formats只勾选ttf就⾏。可以将字体转换成base64的face-font，复制到wxss⾥⾯就可以使⽤。但是缺点也很明显，⼩程序最⼤体积限制只能2m，随便⼀个中⽂字体就超过了。
四、总结
原本计划是使⽤canvas实现图⽚编辑，并且添加可⾃定义⽂字，然后就尝试⼀下能否更换字体，⽆奈尝试了上⾯的三种⽅法都不和我意。前两种⽅法在⼯具上预览是可以的，但是在安卓和iOS真机上，canvas上都⽆效。⽽第三种⽅法太浪费空间资源，2m的包⼤⼩限制直接淘汰了。
⼯具上的预览：
Android真机预览：
所以真的没办法了吗？？

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。