一组用于统一网页字体显示的 UserCSS 样式。目前提供微软雅黑、更纱黑体和 macOS 苹方三个版本,可按操作系统与已安装字体选择使用。
| 样式 | 主要字体 | 适用环境 | 源文件 | Stylus 直装 |
|---|---|---|---|---|
| 全局微软雅黑 | Segoe UI(西文)、Microsoft YaHei UI / Microsoft YaHei(中文) | Windows,或已安装微软字体的系统 | 查看 | 安装 |
| 全局更纱黑体 | Sarasa Gothic / UI(SC、TC、HC、J、K);Cascadia Code(等宽) | 已安装更纱黑体的 Windows、macOS 或 Linux | 查看 | 安装 |
| 全局苹方 | Helvetica Neue(西文)、PingFang SC / TC / HK(中文) | macOS | 查看 | 安装 |
三份样式均保留语言匹配和特定网站适配规则,并以高优先级对正文、表单等非代码内容应用相应字体。微软雅黑版的拉丁字符、半角数字和西文标点优先使用 Segoe UI,苹方版优先使用 Helvetica Neue,中文和全角标点则回退到对应地区的中文字体;更纱黑体版的正文字符统一由相应地区的更纱黑体处理。网页自身以 !important 标记的字体声明及其原始字体会完整保留,不再通过全局规则或字体别名替换,网页设置的 font-weight 也会继续生效。代码编辑器、数学公式、SVG 和常见图标字体不会被覆盖,代码与等宽文本中的数字和标点仍跟随对应的等宽字体。样式还会消除仅包含 SVG 或图片的 Logo 链接受字体基线影响产生的垂直偏移。为避免规则互相覆盖,请只启用其中一个版本。
- 安装 Stylus:Chrome / Chromium · Firefox。
- 点击上表中的“安装”,浏览器会调用 Stylus 打开 UserCSS 安装页面。
- 确认目标字体已安装,然后完成安装并启用样式。
直装链接由公开镜像仓库 Yuch3nE/userstyle 提供。
macOS 自带苹方字体,苹方版的代码与等宽文本使用 SF Mono。更纱黑体版需要从 be5invis/Sarasa-Gothic 安装 SC、TC、HC、J、K 地区字体,简中、繁中、港澳、日文和韩文会分别匹配对应字形,代码与等宽文本使用 Cascadia Code;微软雅黑版建议在包含微软字体的环境中使用。字体不可用时会回退到系统字体。
三份 UserCSS 均由 scripts/build-userstyles.mjs 统一生成。字体栈、语言匹配、字体别名和网站适配规则集中维护在该脚本中,生成的 CSS 文件可以直接交给 Stylus 安装,无需额外构建工具或第三方依赖。
在仓库根目录运行:
node scripts/build-userstyles.mjs该命令会同时更新以下文件:
global-font-microsoft.user.cssglobal-font-sarasa.user.cssglobal-font-pingfang.user.css
若只需检查三份 CSS 是否与脚本保持一致,而不改写文件:
node scripts/build-userstyles.mjs --check校验不一致时命令会返回非零退出状态。需要调整字体方案时,请修改生成脚本中的对应配置并重新生成;不要直接修改生成的 CSS,否则下次运行脚本时会被覆盖。
感谢 Francis Zhao 创作并以 MIT License 发布原始 Global Font UserStyle。本仓库在其基础上整理并新增 macOS 苹方版本。原项目地址:bamf2077/userstyles。