微信小程序字体
2019-05-09 本文已影响0人
Da_Yao
微信小程序有一个字体的API,wx.loadFontFace可以动态加载网络字体。
使用时有如下注意事项

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

3、转换

4、下载

5、解压下载的文件

复制stylesheet.css文件内容

粘贴到wxss里

用法

效果图
