TYPOGRAPHY
衬线混排Serif Mixing
无衬线正文里，让关键词跳成衬线斜体—— editorial 味道立刻出来。
效果预览
我们相信 慢工出细活，但也相信 自动化的力量。
衬线斜体做强调，无衬线做骨架
适合用在哪
品牌主张、创意机构文案、杂志式落地页、个人品牌。
容易踩的坑
- 额外加载完整中文衬线字体动辄 5MB 以上，应只子集化强调用到的几个字。
- 衬线与无衬线基线和 x 高度不一致，同一行里强调词上下错位明显。
- Web 字体未设 font-display:swap，加载期间强调词空白，出现文字闪现。
设计提示词 · Prompt
衬线混排（Serif Mixing）：正文/标题主体用无衬线（黑体），挑选 1-2 个关键词换成衬线斜体（Georgia、Songti、或 Variable Font 的 Serif 轴）+ 品牌色，形成"印刷品拼贴"的张力。中文衬线用宋体（Songti SC / Noto Serif SC），注意斜体中文是伪斜体——用楷体替代更自然。混排比例 1:10 以内，多则乱。适用语气：人文、编辑、专业；不适用：效率工具、极客风。配大字号（24px+）效果最佳，小字号衬线发虚。
Serif Mixing: set the body/heading in sans-serif (Heiti), and switch 1-2 chosen key words to serif italic (Georgia, Songti, or the Serif axis of a Variable Font) + brand color, creating the tension of a "print collage". For Chinese serif use Songti (Songti SC / Noto Serif SC); note that italic Chinese is faux italic — Kaiti is a more natural substitute. Keep the mix ratio within 1:10; more becomes chaotic. Suitable tones: humanistic, editorial, professional; not suitable: productivity tools, geeky styles. Works best at large sizes (24px+); serifs look fuzzy at small sizes.
常见搭配
同一页面里经常和「衬线混排」一起出现的模式，可以收藏后用「组合收藏为整页提示词」一起交给 AI。
演示 HTML 结构
<div class="s d-serifmix"> <div class="d-serifmix__t">我们相信 <em>慢工出细活</em>，<i>但也相信</i> 自动化的力量。</div> <span class="d-serifmix__cap">衬线斜体做强调，无衬线做骨架</span> </div>