我是靠谱客的博主 伶俐牛排,这篇文章主要介绍小程序中怎么设置苹果苹方字体,现在分享给大家,希望可以做个参考。

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

小程序中使用苹方字体,可以用官方的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教程,欢迎学习!

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

最后

以上就是伶俐牛排最近收集整理的关于小程序中怎么设置苹果苹方字体的全部内容,更多相关小程序中怎么设置苹果苹方字体内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(412)

评论列表共有 0 条评论

立即
投稿
返回
顶部