小程序中怎么设置苹果苹方字体(苹果手机改可爱字体小程序)

网友投稿 1121 2022-10-03

小程序中怎么设置苹果苹方字体(苹果手机改可爱字体小程序)

小程序中怎么设置苹果苹方字体(苹果手机改可爱字体小程序)

程序员必备接口测试调试工具:立即使用Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 后端、前端、测试,同时在线协作,内容实时同步

小程序中怎么设置苹果苹方字体

小程序中使用苹方字体,可以用官方的API:wx.loadFontFace(加载外部字体)来实现。

使用示例:

wx.loadFontFace ({ family: 'PingFangSC-Medium', source: 'url("https://your-server.com/PingFangSC-Medium.ttf")', success: function(){console.log('load font success')}})-

(推荐学习:小程序开发)

这里需要注意的一点是,family处的名称就是使用时font-family的名称,举个例子,上方加载的字体这样使用:

.foo { font-family:PingFangSC-Medium;}-

建议

由于字体可能会比较大,所以不建议在一个小程序中使用多种字体,这样会影响用户体验。

为了保证界面效果,可以在onLoad周期加载字体,在success回调中执行后续操作,必要时加上Loading,让程序更加友好。

PHP中文网,大量thinkphp教程,欢迎学习!

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:小程序怎么做音乐播放条(小程序音乐播放器进度条)
下一篇:VOIP解决方案之 语音验证码系统
相关文章

 发表评论

暂时没有评论,来抢沙发吧~