尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

Windows 使用苹方字体:TTF/WOFF2 选型、安装与 6 种字重说明

Windows 使用苹方字体:TTF/WOFF2 选型、安装与 6 种字重说明 Windows 使用苹方字体TTF/WOFF2 选型、安装与 6 种字重说明【免费下载链接】PingFangSCPingFangSC字体包文件、苹果平方字体文件包含ttf和woff2格式项目地址: https://gitcode.com/gh_mirrors/pi/PingFangSCPingFangSC 是一个开源字体包以 TTF 和 WOFF2 两种格式提供苹果苹方简体中文字体各含极细到 Semibold 共 6 种字重。它的作用是让 Windows 桌面环境和网页项目在不依赖 macOS 的情况下显示苹方中文。适用场景做网页的开发者适合用它。当设计稿要求苹方风格、而访问页面的 Windows 用户系统里没有这款字体时把它作为 Web Font 引入页面两端渲染结果就能保持一致。做桌面软件、文档排版的设计人员也适合用它。ttf/ 目录里的文件安装到系统字体目录后Word、PowerPoint、Figma 等软件的字体列表里就能选到它替代 macOS 上的苹方中文。团队协作场景下同一套字体以 TTF 和 WOFF2 两种格式各备一份前端引用和设计师本地安装用的是同一来源不需要再去找第二份字体。格式选型TTF 还是 WOFF2仓库里两个格式目录各含 6 个字重文件区别如下对比项TTFWOFF2单文件大小约 11MB约 5MB支持范围可安装到操作系统也可被网页引用只能被浏览器引用无法安装页面加载文件较大下载慢压缩编码体积约为 TTF 一半推荐用法桌面安装、本地软件排版现代浏览器下的网页结论字体要装进 Windows 系统或给本地软件用选 TTF只是被网页引用选 WOFF2。安装与接入桌面环境把苹方装进 Windowsgit clone https://gitcode.com/gh_mirrors/pi/PingFangSC克隆后打开 ttf/ 目录双击任意 .ttf 文件选择安装或把 6 个文件复制到系统字体目录。装完后在 Word、PPT 等软件的字体下拉框里按 PingFangSC- 开头查找即可。网页环境引入 Web Font 文件link relstylesheet href./woff2/index.csswoff2/index.css 里为每个字重定义了 font-face页面里写对应的 font-family 名称如 PingFangSC-Regular-woff2即可生效。若需要兼容较旧的浏览器环境可以改引 ttf/index.css写法相同只是体积更大。字重选择6 种字重各干什么字重文件后缀推荐用途极细体 Ultralight-Ultralight大号装饰文字、水印类辅助信息纤细体 Thin-Thin引言、副标题等次要信息细体 Light-Light长文正文大段阅读文本常规体 Regular-Regular默认正文、界面默认字重中黑体 Medium-Medium按钮文字、正文内强调中粗体 Semibold-Semibold页面主标题、关键信息正文默认用 Regular 就够了需要强调时上 Medium 或 Semibold。Ultralight 和 Thin 笔画很细适合大字号不建议用在 14px 左右的小字上。常见问题苹方字体使用中的疑问能不能用于商业项目可以。项目采用 MIT 许可证个人和商业项目均可免费使用、修改和分发具体条款见仓库根目录的 LICENSE 文件。网页字体加载失败怎么办先核对字体文件路径是否正确再打开浏览器网络面板确认字体文件和 index.css 是否真的下载到了最后检查页面里写的 font-family 是否与 CSS 中定义的名称一致。字体文件为什么这么大中文字体单文件要容纳数万个字形本仓库每个 TTF 文件约 11MB、每个 WOFF2 约 5MB。如果站点只用到部分字符可以做字体子集化进一步压缩体积。WOFF2 能安装到 Windows 系统吗不能。WOFF2 是浏览器识别的 Web 字体格式无法双击安装。系统级用途一律用 TTF。PingFangSC 用两个格式目录解决了 Windows 上缺苹方字体、以及本地与网页两端显示不一致的问题本地用 TTF网页用 WOFF2按场景取用即可。【免费下载链接】PingFangSCPingFangSC字体包文件、苹果平方字体文件包含ttf和woff2格式项目地址: https://gitcode.com/gh_mirrors/pi/PingFangSC创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表