方法一:
一种是将字体文件上传至服务器,微信小程序引入服务器中的字体即可,详细参见这里
这种方法很好,很实用,但是却满足不了强迫症的我,难道我连加载个页面都需要从服务器中获取吗??
方法二:
将对应的字体文件,上传到https://transfonter.org/,通过转换成base64编码,在wxss文件中使用。详细参见这里
这种方法看起来可行,但是坑却很多
缺陷:
一、https://transfonter.org/这个网站不支持10M以上ttf文件的转化,这就使许多好看的字体只能通过方法一来引入微信小程序。
二、当转化后的css文件超过1M时,我们引入小程序中是会报错的,如下:
最初不知道这个问题的原因是什么,直到我看到了这个评论: