小程序中自定义字体功能开发-新闻详情

小程序中自定义字体功能开发


发布时间:2019-10-31责任编辑:满帅 浏览:1074


在学懂汉字项目中用到了自定义字体,记录下方便后续使用。

 

首先小程序字体是无法放在本地使用的,当你在wxss使用时候空号字体会报如下错误:

无标题1.png

 

所以需要网络加载字体文件,有以下两种方式:

一、打开在线字体转换工具:https://www.fontke.com/tool/fontface/

无标题2.png

 

根据图中步骤123选择后点击生成会直接下载所需要的字体文件

无标题3.png

 下载后复制到自己所需要的wxss里面就可以用了。

 

二、使用微信自己官方的wx.loadFontFace(OBJECT)接口,文档传送门:https://developers.weixin.qq.com/miniprogram/dev/api/ui/font/wx.loadFontFace.html

外包组供稿