微信小程序有一个字体的API,wx.loadFontFace可以动态加载网络字体。
使用时有如下注意事项
我在使用过程中,模拟器和iOS真机都是没问题的,但是在安卓真机上确实没效果的,打开console一看每次调用wx.loadFontFace都是error,而且后台人员也开启了cors支持,依然是error。。。
在社区里海淘关于字体的帖子,也发帖向官方求解,但是没有得到任何解决这个问题的方法,又四处查询,后发现可以将字体转成base64再添加到wxss中来设置字体。
提示:字体文件太大的话也不行,毕竟是小程序。。建议抽离字体,只留使用的文字就可以啦。
1、打开字体转换工具https://transfonter.org
2、上传字体文件
3、转换
4、下载
5、解压下载的文件
复制stylesheet.css文件内容
粘贴到wxss里
用法
效果图