Composite Font Studio 复合字体工坊 是一款 MIT 协议开源的浏览器在线工具，用 JavaScript 在本地完成中西文与日文的复合字体编排，借鉴 InDesign 的复合字体思路。普通 font-family 回退只负责给每个字符挑一个字体，并不平衡字号和基线，它把汉字、假名、西文、数字、标点分别指定字体、大小、基线与字重，再导出给网页或设计软件使用。工具不要求安装，打开网页即可操作，属于 在线工具 里的 Web应用，也是 开源软件 中可直接打开使用的一类。
场景痛点
网页或排版里中西文混排时，浏览器按 font-family 顺序逐个字符选字，两套字体的字面大小、基线位置和字重对不齐，中文显得偏大偏沉、西文偏小或高低错位，换一个字重又要重新调一遍。设计软件里的复合字体功能很重，打开一套重型排版软件只为调几个字号差成本太高，网页项目往往只能靠经验手调字号差，改一档粗体就全部跑偏。缺字和地区字形差异也要自己逐字核对，没有即时预览，往往要发布后才发现某个字落回了系统默认字体，再回头改样式已经走了一遍弯路。一套复合字体调好后，还希望能直接用在网页代码和设计软件里，而不是只停留在截图和口头比例上。
主要功能特点
- 按字符类别搭配。 为汉字、假名、西文、数字和标点分别选择字体、大小与基线，也能添加例外字符。
- 匹配不同字重。 自动调整大小、基线和可用字重，再按档微调；也支持可变字体的连续字重范围。
- 使用已有字体。 搜索 Google Fonts 和本机字体，或导入字体文件；选用前可查看字体资料与字符集覆盖率。
- 边编辑边校样。 直接编辑校样正文，实时检查中西文混排、缺字和地区排版差异。
- 导出到需要的地方。 生成 CSS，或供设计、办公软件使用的 TTF / OTF / WOFF2 文件；Swift / Kotlin / Flutter 代码导出为实验功能。
- 保存与分享。 在浏览器中保存预设，或分享可继续编辑的配置链接，无须账号。
按字符类别搭配字体大小与基线
Composite Font Studio 工具把文字分成汉字、假名、西文、数字和标点几个类别，每一类单独选字体、字号和基线偏移，还能添加自定义例外字符。混排段落里哪部分用哪套字体由类别规则决定，不再靠一整条回退链碰运气，某几个特殊字也能单独指定。属于 字体设计 里把中西文基线对齐的基础工作，也归入 设计资源 旁的排版工具，调好的比例可以整套保留、随时再调。
跨字重自动匹配大小与基线
选中主字体后，它会自动调整各字重下的字号、基线和可用字重，让粗体、常规、细体之间保持一致的视觉平衡，再按档单独微调，也支持可变字体的连续字重范围。不用在每个字重上重复手调偏移，粗体不会因为字面变宽就整体浮起。属于 设计工具 里减少重复劳动的一环，字重阶梯拉齐后换粗体不会突然错位，也配合 工具推荐 里按项目复用的需求。
检索字体并查看资料与覆盖率
可以直接搜索 Google Fonts 与本机已安装字体，也能导入字体文件；选用前先看字体资料和字符集覆盖率，确认要覆盖的字有没有收录。本机字体读取需要 Chrome 或 Edge 并授予权限，导入的文件刷新页面后要重新提供。属于 视觉设计 选字环节的前置检查，覆盖率只统计字符是否存在，不代表地区字形规范。
边编辑校样边检查混排与缺字
校样正文可以直接改写，实时预览中西文混排效果、缺字和不同地区的排版差异，对齐参考线显示在下方，边调边看结果。不必另开排版软件反复对比，调字时所见即所得，缺字会在预览里直接暴露，方便及时换字或补字体。属于 网站推荐 里打开即用的在线校样台，中日韩与西文混在一段里也能逐类核对位置。
导出 CSS 与字体文件
成品可以复制或下载给网页用的 CSS，也能生成供设计、办公软件使用的 TTF、OTF、WOFF2 字体文件；Swift、Kotlin、Flutter 代码导出属于实验功能。网页项目直接拿 CSS 用，桌面设计软件则取字体文件。属于 开源项目 里多端交付的做法，源码托管在 GitHub，导出前仍需遵守各字体授权。
浏览器本地处理与预设分享
字体处理全程在浏览器内完成，不上传字体文件；预设存在浏览器里，也能生成一条可继续编辑的配置链接分享，不需要注册账号。链接只带配置、不含字体文件和自定义校样，接收方需自备相同字体。属于 数字生活 里轻量协作的一环，源码无构建步骤，本地可用自带脚本启动，公开代码便于自行检查处理逻辑。
官方网站
官网 https://charlie5188.github.io/css-composite-font/
GitHub https://github.com/charlie5188/css-composite-font
下载地址
https://pan.quark.cn/s/55866444cdda
相关推荐
IconPark — 字节开源2000+矢量图标库，四种主题在线调参复制SVG与React、Vue组件
2026-10-23
