Awesome

思源可变字体切片

基于 CSS unicode-range 特性，对 woff2 字体进行切片，以优化网络加载体验。

用法

导入 CSS 样式：

<link rel="stylesheet" href="https://source-han-vf-sliced.takwolf.com/css/index.css">

然后可以在 CSS 样式中使用：

body {
    font-family: SourceHanSans-CN, sans-serif;
}

h1 {
    font-family: SourceHanSerif-CN, serif;
}

全部字体名称如下：

本地构建

执行 python -m tools.build 命令来开始构建。

生成的文件位于 www 目录。

字体版本

• 思源黑体 - 2.004R
• 思源宋体 - 2.003R

程序依赖

• FontTools
• Unidata Blocks

参考资料

• MDN - CSS unicode-range
• FontTools Docs - pyftsubset

许可证

基于 MIT 许可证。