### [小程序中怎么设置苹果苹方字体](https://www.prosaas.cn/article/16891)

**Published:** 2020-03-19T09:31:48

**Author:** 5201314

**Excerpt:** 小程序中怎么设置苹果苹方字体小程序中使用苹方字体，可以用官方的API：wx.loadFontFace（加载外部…

![](https://img.php.cn/upload/article/000/000/040/5e733a2899b5e578.jpg)

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

小程序中使用苹方字体，可以用官方的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其它相关文章！

**Tags:** php, thinkphp

**Categories:** 后端开发

---