小程序中怎么设置苹果苹方字体
小程序中使用苹方字体,可以用官方的API:wx.loadFontFace(加载外部字体)来实现。
使用示例:
wx.loadFontFace ({ family: 'PingFangSC-Medium', source: 'url("https://www.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教程,欢迎学习!
以上就是小程序中怎么设置苹果苹方字体的详细内容,更多请关注知企PROSAAS其它相关文章!
文章标题:小程序中怎么设置苹果苹方字体
文章链接:https://ceshi.prosaas.cn/16891.html
更新时间:2020年03月19日
声明: 本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:973664285@qq.com我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读知企PROSAAS协议