pingfang css,前端项目，引入PingFang SC字体

在仿苹果官网"垃圾桶"时， 设计出的UI使用PingFang SC 字体，在网上查了很久，特记录。

如果你有更好的方法，欢迎评论留言~

实现原理，[email protected]，然后font-family使用字体。

css:

@font-face {

font-family: ‘myFont‘;

src: url(‘/assets/font/PingFangSC-Light.ttf‘); //你的资源目录

font-weight: normal;

font-style: normal;

}

html,body { font-family: myFont, sans-serif; }

苹方提供了六个字重，font-family 定义如下：

苹方-简 常规体

font-family: PingFangSC-Regular, sans-serif;

苹方-简 极细体

font-family: PingFangSC-Ultralight, sans-serif;

苹方-简 细体

font-family: PingFangSC-Light, sans-serif;

苹方-简 纤细体

font-family: PingFangSC-Thin, sans-serif;

苹方-简 中黑体

font-family: PingFangSC-Medium, sans-serif;

苹方-简 中粗体

font-family: PingFangSC-Semibold, sans-serif;

原文：https://www.cnblogs.com/keta/p/9429024.html