思源黑体可变字体：一个文件搞定 250–900 连续字重的完整方案

【免费下载链接】source-han-sansSource Han Sans | 思源黑体 | 思源黑體 | 思源黑體 香港 | 源ノ角ゴシック | 본고딕项目地址: https://gitcode.com/gh_mirrors/so/source-han-sans

把正文设为 450 字重、大标题拉到 620，不需要准备两份字体文件——这是思源黑体可变字体带来的直接变化：每个地区变体一个文件，覆盖 250–900 的 OpenType 可变字体字重范围，450 这种在传统静态字体里不存在的值也能直接用。

以前：35 个文件轮着管；现在：一个文件调字重

字重轴上的中间值（如 420、580）由渲染端按轮廓插值生成，而不是从另一份文件里加载。

designspace 定义字重轴，STAT.fea 定义系统菜单里的 7 个名字

可变字体的核心在 Masters/designspaces/ 下的.designspace文件。以最通用的 SourceHanSans-VF.designspace 为例：

Masters/ ├── designspaces/ │ ├── SourceHanSans-VF.designspace # 泛中日韩 │ ├── SourceHanSansSC-VF.designspace # SC / TC / JP / K / HC 各一份 │ ├── Subset/ # CN / HK / JP / KR / TW 子集版 │ └── HW/ # 半角版，字重范围 400–700 ├── ExtraLight/ Heavy/ # 两个端点母版 ├── Regular/OTC/VF/ # 构建中间源文件（*.unhinted + features） └── STAT.fea # 系统字重菜单的命名实例

轴定义只有两个端点母版，中间全部靠插值：

<axis default="250" maximum="900" minimum="250" name="weight" tag="wght"> <map input="250" output="0" /> <!-- ExtraLight --> <map input="400" output="390" /> <!-- Regular --> <map input="900" output="1000" /> <!-- Heavy --> </axis>

<map>把外部字重值（font-weight写的数）映射到内部坐标；<sources>指向 ExtraLight 和 Heavy 两个母版。Masters/STAT.fea 则声明了 ExtraLight 250、Light 300、Normal 350、Regular 400、Medium 500、Bold 700、Heavy 900 这 7 个命名实例，操作系统字体菜单里看到的名字就来自这里。

多语言分片由三组 designspace 承担：根目录下的 SC/TC/HC/J/K 是泛CJK 全量版；Subset/是单语言子集；HW/是半角版，字重轴只有 400–700。

前端接入：font-weight 写区间，响应式字重是最大收益 🎛

以 CN 子集版（构建后 familyname 为SourceHanSansCN）为例：

@font-face { font-family: "SourceHanSansCN"; src: url("fonts/SourceHanSansCN-VF.woff2") format("woff2"); font-weight: 250 900; } body { font-family: "SourceHanSansCN", sans-serif; font-weight: 400; } h1 { font-weight: 700; } /* 移动端改用更细的字重 */ @media (max-width: 768px) { body { font-weight: 350; } }

font-weight: 250 900声明了字体支持的字重区间，之后任何元素在 250–900 之间取值都不需要换字体文件。响应式字重是实际收益最明显的一点：小屏正文降到 350、桌面端回到 400，一行媒体查询的事，且字重可以带transition做平滑变化。

桌面端接入则靠命名实例：macOS 的 Core Text、Windows 的 DirectWrite 以及主流设计软件已支持 OpenType 可变字体。字体菜单显示 STAT.fea 里的 7 个名字，选中 Regular 后，支持可变字重的应用（如新版 Adobe Creative Suite）允许在 250–900 之间继续滑。

最短构建路径：两个脚本，两条命令

仓库只提供源文件和构建脚本，不含预编译二进制，自己构建的路径是：

git clone https://gitcode.com/gh_mirrors/so/source-han-sans cd source-han-sans pip install afdko # 依赖：AFDKO 工具链 cd build python build-source-otfs.py # 第一步：先构建 ExtraLight / Heavy 母版 python buildVFs.py # 第二步：按 designspaces/ 插值出全部可变字体

build/build-source-otfs.py 用 makeotf 打出两端母版，build/buildVFs.py 内部调用buildcff2vf遍历 Subset、全量、HW 三组 designspace 批量出文件；COMMANDS.txt 末尾也注明可变字体就是用这两个脚本构建的。

选型建议：什么场景值得切到可变字体

适合：

• 中文为主的 Web 页面，想要连续字重或 hover/媒体查询里的字重变化
• 需要同时覆盖简繁日韩、又不想维护几十个字体文件的团队
• 桌面排版项目，需要 450、350 这类菜单之外的自定义字重
• 混排半角/全角场景，可直接选HW/下的半角版（注意其字重轴只有 400–700）

不适合：

• 目标环境只认静态字体（较老的浏览器引擎）：可变字体会被降级到默认实例，中间字重无效，此时用静态 OTF 更稳妥
• 只需要单一字重、且渲染环境不支持可变字体时，静态文件体积和实现都更简单

回到项目本身

思源黑体可变字体把"7 个字重 × 5 个地区"的文件矩阵收敛为每地区一个文件，字重轴完整暴露给 CSS 和桌面渲染管线。designspace、STAT 声明和构建脚本全部开源可查，想改字重映射或新增实例时，可以直接在 Masters/designspaces/ 里看到每一处是怎么定义的。

【免费下载链接】source-han-sansSource Han Sans | 思源黑体 | 思源黑體 | 思源黑體 香港 | 源ノ角ゴシック | 본고딕项目地址: https://gitcode.com/gh_mirrors/so/source-han-sans