字体栈预览

几点说明

• 数据不出浏览器 · 零网络请求 · 可断网可用。
• 整套字体栈只用系统字体：-apple-system、Segoe UI、PingFang SC、Microsoft YaHei、Hiragino Sans GB、Songti SC、SimSun、Georgia、ui-monospace 等。页面不引用任何字体文件，所以你看到的就是访客看到的前两级（其余是降级兜底）。
• 字体栈的书写顺序决定命中谁：先写具体的家族名，再写通用族（sans-serif / serif / ui-monospace）。导出时按这个顺序原样输出，不要把它改成字母序，那会让渲染结果变掉。
• 正文字号同时决定标题字号：标题 = 正文 × 2.2，注释行 = 正文 × 0.875，两者都写进 CSS 变量，改一个值整块跟着变。
• 行数估算按文本长度除以「每行约 42 个汉字宽」得出，只用来提示排版疏密，不追求精确；预览区宽度变化时实际换行会不一样。
• 预览样式全部由脚本写成内联样式，因此页面里没有 <style> 元素；导出的 CSS 用变量加选择器的写法，可以直接粘进任意项目。