小程序

微信小程序字体

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里

    用法

效果图


End!

上一篇下一篇

猜你喜欢

热点阅读