Template:图书排版/doc

该模板用于书籍内容页（如「伤寒论/章节」页面）的正文排版，本身不输出任何可见内容，只通过 TemplateStyles 引入 Template:图书排版/styles.css。

用法

在页面顶部引用：

{{图书排版}}

样式只作用于正文段落与标题：

段落 <p>：字号、行高、字距、首行缩进、两端对齐、断行规则
标题 <h1>–<h6>：字号阶梯、行高、字距、字重
<ruby> / <rt>：行间注注音

表格、列表、链接、引用、代码块、mark/q/sup/sub 等元素不受影响——导航框、目录表、信息框的版式不会被改动。

默认排版效果

字体分派：中文 / 西文 / 标点

样式用两个 @font-face 配 unicode-range，把不同码位分给不同字体：

字符范围	实际字体	说明
拉丁字母、数字（ASCII）	Georgia 等西文字体	保留原有西文观感
汉字、假名等 CJK	Noto Serif SC → Source Han Serif SC → Songti SC → SimSun → PingFang SC Regular → …	宋体类优先（思源宋体 → macOS 宋体 → Windows 宋体），苹方、雅黑等黑体仅作最后兜底；可用名称因系统而异 —— Windows 上安装的苹方其注册名为 `PingFang SC Regular`，写成家族名 `PingFang SC` 或 macOS 的 `PingFangSC-Regular` 都不会匹配。（`local()` 只认字体全名 / PostScript 名）
中文标点（引号、破折号、顿号、书名号等）	Noto Serif SC → Source Han Serif SC → Songti SC → SimSun（宋体类）	标点占满一个全角字身，两侧留白正常

为什么标点要单独处理：全角引号 “ ” 的码位是 U+201C / U+201D，Georgia、苹方、微软雅黑都含这两个字形，且做成西文风格的窄引号——此前因此出现「引号与后一个字贴在一起」。现在标点固定交给宋体类全角字体，任何设备上都不会再贴字。

字号阶梯

元素	字号	行高
`<h1>`	32px	48px
`<h2>`	24px	36px
`<h3>`	20px	36px
`<h4>`	18px	24px
`<h5>`	16px	24px
`<h6>`	14px	24px
正文 `<p>`	16px	1.5

段落与对齐

字距 .02em（标题 h1–h3 为 .05em）
首行缩进 2em
两端对齐 text-align: justify
非中文段落自动左对齐、取消缩进
长串西文自动断行（overflow-wrap / hyphens）
相邻标题自动收紧间距（h1+h2、h2+h3 … 上边距 12px）

实时效果（本页即为演示）：

刻《仲景全书》序

岁乙未，吾邑疫疠大作，予家臧获率六七就枕席。予曰：“吾闻是书于家大夫之日久矣，而书肆间绝不可得。”君曰：“予诚有之。”Latin check: Georgia ABC abc 0123 — “quoted latin”。

可选版式（需加 class）

下列版式默认不生效，需要把内容包进对应 class 的容器里；可叠加使用。

古籍体 `heti--ancient`

标题居中、正文宋体，适合序跋。

<div class="heti heti--ancient">
（正文）
</div>

刻《仲景全书》序 予曰：“吾闻是书于家大夫之日久矣，而书肆间绝不可得。”君曰：“予诚有之。”

诗词体 `heti--poetry`

正文居中、不缩进，适合诗词、铭文。

<div class="heti heti--poetry">
<p>床前明月光，疑是地上霜。</p>
</div>

静夜思

床前明月光，疑是地上霜。

举头望明月，低头思故乡。

竖排 `heti--vertical`

自上而下、右起排列，适合牌记、题签。

<div class="heti heti--vertical">
<p>岁乙未，吾邑疫疠大作。</p>
</div>

岁乙未，吾邑疫疠大作，予家臧获率六七就枕席。

行间注 `heti--annotation`

行距放大到 2.25，便于行间标注；<em> 自动变成着重号（字下点）。

<div class="heti heti--annotation">
<p>…正文<em>需着重的字</em>…</p>
</div>

予读而知其为成无己所解之书也。然而鱼亥不可正，句读不可离矣。

多栏 `heti--columns-2` / `heti--columns-3`

把正文排成多栏；也可用 heti--columns-16em 到 heti--columns-48em 指定栏宽。

<div class="heti heti--columns-2">
<p>（较长的正文）</p>
</div>

予曰：“吾闻是书于家大夫之日久矣，而书肆间绝不可得。”君曰：“予诚有之。”吾吴和缓明卿沈君南昉在海虞，藉其力而起死亡殆徧，予家得大造于沈君矣。不知沈君操何术而若斯之神，因询之。

字体族切换

class	中文字体
`heti--hei`（默认）	黑体（PingFang SC / Microsoft YaHei UI）
`heti--song` / `heti--serif` / `heti--classic`	宋体（Songti SC / SimSun）
`heti--kai`	楷体（Kaiti SC / STKaiti / KaiTi）

宋体示例：予曰：“吾闻是书于家大夫之日久矣。”

楷体示例：予曰：“吾闻是书于家大夫之日久矣。”

辅助类速查

class	用途
`heti-meta`	落款、副题（块级、不缩进）
`heti-verse`	诗句（居中、不缩进）
`heti-large` / `heti-x-large` / `heti-small` / `heti-x-small`	字号微调 18px / 20px / 14px / 12px
`heti-fn`	文末注释区
`heti-hang`	悬挂缩进
`heti-em`	着重号（字下点）
`heti-ruby--inline`	行内 ruby 紧凑排版
`heti-list-latin` / `heti-list-han`	列表编号：拉丁字母 / 汉字（一二三…）

行间注（注音 / 训诂）

styles.css 自 2026-09 起支持 HTML ruby 行间注，注文显示在字上方小字，无需任何扩展，在 wikitext 里直接写：

<ruby>被注字<rt>pīn yīn</rt></ruby>

上方注文默认 0.55em 小字；若整段都要注音，建议配合上面的行间注版式（行距 2.25）使用。

示例：注音与行间注渲染效果如下

吾邑疫yì疠大作，予家臧zāng获率shuài六七就枕席。

作用范围与限制

只影响 p、h1–h6、ruby；其余标签一律不碰。
段落规则会命中模板输出里的 p（少数模板会生成段落），影响很小但存在。
纸色背景 #f6f4f0 需要选中内容容器自身，TemplateStyles 无法做到，需站点级 CSS。
未引入 heti 的 JavaScript 增强（中西文自动间距、标点挤压）：需要改站点 JS，且其挤压方向与「标点要有留白」相反。

注意事项

一个 <ruby> 只注一音，要注多义请按需拆开显示。
行间注版式仅用于页面正文内容；本站阅读器（Gadget BookVerticalReader）是独立的书籍阅读器，与本模板的行间注功能无关。
可选版式的 class 名沿用 heti--* 命名（来自中文排版方案 heti），但本站不依赖任何 heti 文件，全部样式都在 Template:图书排版/styles.css 内。

参见

用法