Composite Font Studio（复合字体工坊）是一款 MIT 协议开源的浏览器在线工具，用 JavaScript 在本地完成中西文与日文的复合字体编排，借鉴 InDesign 的复合字体思路。普通 font-family 回退只负责给每个字符挑一个字体，并不平衡字号和基线；它把汉字、假名、西文、数字、标点分别指定字体、大小、基线与字重，再导出给网页或设计软件使用。工具不要求安装，打开网页即可操作。
软件介绍
这款工具解决的是混排排版里最磨人的细节：中西文混排时，浏览器按 font-family 顺序逐个字符选字，两套字体的字面大小、基线位置和字重对不齐，中文显得偏大偏沉、西文偏小或高低错位，换一个字重又要重新调一遍。设计软件里的复合字体功能很重，只为调几个字号差就打开一套重型排版软件成本太高，网页项目往往只能靠经验手调，改一档粗体就全部跑偏。
主要功能
按字符类别搭配字体大小与基线
工具把文字分成汉字、假名、西文、数字和标点几个类别，每一类单独选字体、字号和基线偏移，还能添加自定义例外字符。混排段落里哪部分用哪套字体由类别规则决定，不再靠一整条回退链碰运气，某几个特殊字也能单独指定，调好的比例可以整套保留、随时再调。
跨字重自动匹配大小与基线
选中主字体后，它会自动调整各字重下的字号、基线和可用字重，让粗体、常规、细体之间保持一致的视觉平衡，再按档单独微调，也支持可变字体的连续字重范围。不用在每个字重上重复手调偏移，粗体不会因为字面变宽就整体浮起。
检索字体并查看资料与覆盖率
可以直接搜索 Google Fonts 与本机已安装字体，也能导入字体文件；选用前先看字体资料和字符集覆盖率，确认要覆盖的字有没有收录。本机字体读取需要 Chrome 或 Edge 并授予权限，导入的文件刷新页面后要重新提供。覆盖率只统计字符是否存在，不代表地区字形规范。
边编辑校样边检查混排与缺字
校样正文可以直接改写，实时预览中西文混排效果、缺字和不同地区的排版差异，对齐参考线显示在下方，边调边看结果。不必另开排版软件反复对比，缺字会在预览里直接暴露，方便及时换字或补字体。
导出 CSS 与字体文件
成品可以复制或下载给网页用的 CSS，也能生成供设计、办公软件使用的 TTF、OTF、WOFF2 字体文件；Swift、Kotlin、Flutter 代码导出属于实验功能。网页项目直接拿 CSS 用，桌面设计软件则取字体文件。导出前仍需遵守各字体自身的授权。
浏览器本地处理与预设分享
字体处理全程在浏览器内完成，不上传字体文件；预设存在浏览器里，也能生成一条可继续编辑的配置链接分享，不需要注册账号。链接只带配置、不含字体文件和自定义校样，接收方需自备相同字体。
获取方式
官网：https://charlie5188.github.io/css-composite-font/
GitHub 国内访问较慢，如打不开可多刷新几次
下载方式
本站下载统一走下载说明页中转，正文不直接贴网盘地址：下载说明，按页内指引操作即可。
关注「软件教程管家」
回复软件名即取即下：网盘下载链接 + 提取码，一步直达，不用再跳转。
本站资源仅供个人学习交流，请勿用于商业用途。软件与资料版权归原作者所有；如有侵权，请通过公众号「软件教程管家」联系我们，我们将在 24 小时内下架处理。查看免责声明 ›
