免费PingFangSC字体包：6个字重、TTF与WOFF2双格式，3步接入
项目地址: https://gitcode.com/gh_mirrors/pi/PingFangSC PingFangSC字体包提供了苹果苹方简体的完整6种字重文件，覆盖TTF和WOFF2两种格式，免费可商用。Web项目直接引用woff2文件，即可在不同平台的浏览器里获得一致的苹方字体显示效果。
同一个页面，在Mac和Windows上为什么长得不一样？
你在Mac上把页面调到满意，发给同事，他在Windows上一打开：苹方字体不存在，系统自动换成另一款字体，字重变细、行距错位，整个页面看起来像是换了套皮肤。
又或者，你只是想在项目里用上苹方，却不知道去哪找一份字重齐全、格式齐全的苹方字体文件。
这个字体包里有什么：6种字重和2种格式
这一节直接告诉你文件清单，方便你按需求取用。
完整6种字重：从极细体（Ultralight）、纤细体（Thin）、细体（Light）、常规体（Regular）到中黑体（Medium）、中粗体（Semibold），大标题、正文、按钮、价格标签都能找到匹配的字重。
TTF与WOFF2双格式：TTF兼容性最好，适合桌面环境和老项目；WOFF2是Web压缩格式，体积更小、加载更快，现代浏览器都能直接渲染。
现成的CSS声明：ttf/index.css 和 woff2/index.css 已经为6个字重分别写好了 @font-face，不需要从零手写。
本地预览页：用浏览器打开 font-preview.html，一页看完所有字重的实际渲染效果，选字重不用再凭感觉。
开源许可：具体授权条款见 LICENSE，商用前花一分钟确认即可。
3步把PingFangSC字体接入你的项目
这一节能让你从克隆到页面显示，最快3步完成。
第1步：克隆字体包
git clone https://gitcode.com/gh_mirrors/pi/PingFangSC
一条命令把全部字体文件和示例拉到本地。
第2步：按用途挑文件
Web项目从 woff2/ 目录取文件；桌面应用或需要安装到系统的场景，从 ttf/ 目录取文件。字重按需拿，用不到就不引入。
第3步：在CSS里引用字体
@font-face {
font-family: 'PingFangSC';
src: url('woff2/PingFangSC-Regular.woff2') format('woff2'),
url('ttf/PingFangSC-Regular.ttf') format('truetype');
font-weight: 400;
font-display: swap;
}
上面是全文关键代码：WOFF2 优先、TTF 兜底，font-display: swap 让文字先显示、字体加载完再替换，避免整片空白闪烁。随后在 body 的 font-family 首位写上 PingFangSC，后面再排上常见中文字体做后备即可。
不同使用场景，字体文件怎么选
这一节帮你避开"全量引入"的浪费，按自己的角色做减法。
- Web新手：只引入
woff2/PingFangSC-Regular.woff2一个文件就能跑起来，后续需要强调字重时再加 Medium 或 Semibold。 - 桌面应用开发者：直接用
ttf/目录的文件，随应用分发或装进系统字体目录，全平台一致显示。 - 进阶用户：✅ 只加载实际用到的字重；给字体文件设置较长的 HTTP 缓存头，避免用户反复下载。
- 想在非苹果设备上还原Mac观感：把 TTF 文件安装到系统字体，再配合Web字体双格式引用，浏览器和桌面应用就都能用上了。
更多细节可以翻 README.md，里面说明了 Web 应用优先使用 WOFF2 的建议。
现在就动手用上苹方
PingFangSC 字体包的价值很直接：一次配置，六字重、双格式，让你的页面在任何平台上都保持同一副面孔。克隆仓库（git clone https://gitcode.com/gh_mirrors/pi/PingFangSC），打开 font-preview.html 挑好字重，按上面3步接入即可。
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
