黔优媒体网-软文媒体自助发稿平台!
  1. 行业资讯
  2. 正文

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

来源:黔优媒体网   时间:2024-09-19

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

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

使用示例:

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

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

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

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

建议

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

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

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

以上就是小程序中怎么设置苹果苹方字体的详细内容,更多请关注php中文网其它相关文章!

数码产品性能查询

该软件包括了市面上所有手机CPU,手机跑分情况,电脑CPU,电脑产品信息等等,方便需要大家查阅数码产品最新情况,了解产品特性,能够进行对比选择最具性价比的商品。


【免责申明】黔优媒体网以上展示内容来源于用户自主上传、合作媒体、企业机构或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表黔优媒体网官方立场,请读者仅做参考,本文标题:小程序中怎么设置苹果苹方字体;欢迎转载,转载时请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何违法/违规的内容,请您立即联系我们及时修正或删除。(邮箱号: kefu@qianu.com)