用途:在日语优先或多语言 UI 中,统一设计、审查与生成 CSS 排版的判断标准,覆盖字体族、字重、折行、文字间距、行高与流体字号。
主要能力:区分 reset、base、utilities 三层职责;给出 font-family(日语 UI 仅 sans-serif、不轻易用 system-ui)、font-style(取消 em/cite 斜体)、font-kerning(:lang(en) normal、:lang(ja) none)、text-wrap(英语正文 pretty、英语标题 balance、日语正文不加)、word-break: auto-phrase(限日语标题、说明、短句)、text-autospace、text-spacing-trim、hanging-punctuation、line-clamp、text-box-trim、clamp() 流体字号及 rem/px 取舍等规则,并提供参考实现与工具类。
使用方式:先判断文本是正文、标题还是 UI 标签及主语言,再决定规则放入哪个 @layer;前提是采用 kiso.css,未采用时把 overflow-wrap、line-break、text-autospace、text-spacing-trim 及日语斜体重置等必要 reset 移植到 @layer reset;hyphens、font-kerning、text-wrap 等依赖 lang 属性。
适用场景:日语或中英混排界面的标题与正文排版设计、CSS 评审、AI 生成文字排版 CSS 的安全检查。
限制:基于 tak-dcxi 的 Typography gist 整理,浏览器兼容与效果因环境而异;word-break: auto-phrase 需按渐进增强处理,Firefox、Safari 需考虑 BudouX;Safari 中日语 text-wrap: pretty 易崩,暂不推荐;未提供具体收费、平台或安装命令等信息。