Template:图书排版/styles.css:修订间差异
删除的内容 添加的内容
补全思源黑/宋体各渠道 local() 候选(Variable/Static/Adobe) |
字体栈改为标点分区方案(标点走全角宋体,正文黑体长栈) |
||
第1行:
/* ===== 字体别名:
方案:标点单独走宋体全角,正文走黑体优先长栈(ctext.org 逻辑)。
常用字 → 雅黑/苹方(屏幕阅读舒服)
生僻字 → SimSun-ExtB/G / Jigmo / HanaMin(古籍宋体兜底)
========================================================== */
@font-face {
font-family: "
src: local("
local("
unicode-range: U+2000-206F, U+3000-303F;
}
/* ===== 字体回退栈说明(混合方案)=====
顺序:标点 → 西文无衬线 → 黑体(系统默认) → 宋体 → 扩展B/G → 古籍字体
- 标点被 "TemplateStyles CJK Punct" 拦截,走宋体全角(解决引号贴字)
- 常用字走 "PingFang SC" / "Microsoft YaHei"(黑体,屏幕阅读舒服)
- 生僻字自动往后掉:SimSun-ExtB → SimSun-ExtG → Jigmo → HanaMin
参考 ctext.org 的长栈逻辑,结合本站的标点分区方案。
(宋体/楷体栈的西文用 Georgia——与衬线中文协调;黑体栈的西文用 Verdana/Arial——与黑体协调)
========================================================== */
/* 正文段距:与 MediaWiki 默认一致(站点皮肤为 p{margin:0.4em 0 0.5em 0})。
第133行 ⟶ 第63行:
}
.heti--serif {
font-family:"TemplateStyles CJK Punct", Georgia,
"SimSun", "Songti SC", "Noto Serif SC",
"PMingLiU", "PMingLiu-ExtB", "SimSun-ExtB", "SimSun-ExtG", 新細明體,
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
serif
}
.heti--classic {
font-family:"TemplateStyles CJK Punct", Georgia,
"SimSun", "Songti SC", "Noto Serif SC",
"PMingLiU", "PMingLiu-ExtB", "SimSun-ExtB", "SimSun-ExtG", 新細明體,
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
serif
}
.heti--classic h1, .heti--classic h2, .heti--classic h3, .heti--classic h4, .heti--classic h5, .heti--classic h6 {
font-family:"
"Kaiti SC", "STKaiti", "KaiTi",
serif;font-weight:800
}
.heti--classic blockquote, .heti--classic cite, .heti--classic q {
font-family:"
"Kaiti SC", "STKaiti", "KaiTi",
serif
}
.heti--classic figcaption, .heti--classic caption, .heti--classic th {
font-family:"TemplateStyles CJK Punct", Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif
}
.heti--hei {
font-family:"TemplateStyles CJK Punct", Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif
}
.heti--song {
font-family:"TemplateStyles CJK Punct", Georgia,
"SimSun", "Songti SC", "Noto Serif SC",
"PMingLiU", "PMingLiu-ExtB", "SimSun-ExtB", "SimSun-ExtG", 新細明體,
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
serif
}
.heti--kai {
font-family:"
"Kaiti SC", "STKaiti", "KaiTi",
serif
}
.heti--columns-1, .heti--columns-2, .heti--columns-3, .heti--columns-4, .heti--columns-16em, .heti--columns-20em, .heti--columns-24em, .heti--columns-28em, .heti--columns-32em, .heti--columns-36em, .heti--columns-40em, .heti--columns-44em, .heti--columns-48em {
第211行 ⟶ 第167行:
}
.heti--ancient, .heti--poetry {
font-family:"TemplateStyles CJK Punct", Georgia,
"SimSun", "Songti SC", "Noto Serif SC",
"PMingLiU", "PMingLiu-ExtB", "SimSun-ExtB", "SimSun-ExtG", 新細明體,
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
serif
}
.heti--ancient h1, .heti--ancient h2, .heti--ancient h3, .heti--ancient h4, .heti--ancient h5, .heti--ancient h6, .heti--poetry h1, .heti--poetry h2, .heti--poetry h3, .heti--poetry h4, .heti--poetry h5, .heti--poetry h6 {
font-family:"
"Kaiti SC", "STKaiti", "KaiTi",
serif;font-weight:800;text-align:center
}
.heti--ancient h1 .heti-meta, .heti--ancient h2 .heti-meta, .heti--ancient h3 .heti-meta, .heti--ancient h4 .heti-meta, .heti--ancient h5 .heti-meta, .heti--ancient h6 .heti-meta, .heti--poetry h1 .heti-meta, .heti--poetry h2 .heti-meta, .heti--poetry h3 .heti-meta, .heti--poetry h4 .heti-meta, .heti--poetry h5 .heti-meta, .heti--poetry h6 .heti-meta {
第277行 ⟶ 第239行:
}
.heti-fn {
margin-top:59px;border-top:1px solid;border-top-color:#ccc;
font-size:0.8em;
font-family:"TemplateStyles CJK Punct", Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif;
line-height:24px
}
.heti-fn ol {
第291行 ⟶ 第260行:
样式独立在 Template:着重/styles.css),着重号因此不再依赖本样式表。
旧写法 <span class="heti-em"> 不再生效,请改用 {{着重|字}}。 */
/* ===== 基础正文排版(自 heti 字号阶梯)===== */
/* ===== 页面底色与文字色(站点原有)===== */
/* ===== 中文标点与中文字体别名 ===== */
/* ===== 正文与标题字体栈(引号走全角字体)===== */
h1, h2, h3, h4, h5, h6 {
font-family: "TemplateStyles CJK Punct", Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif;
font-weight: 600;
}
h2, h3, h4, h5, h6 { font-weight: bold; }
p { text-indent: 2em; }
p:not(:lang(zh)) { text-align: start; text-indent: 0; }
/* ===== 正文段落(仅 p)===== */
p {
font-size: 1.25rem; /* 20px(1.25 × 根字号 16px);原为固定 17px */
第309行 ⟶ 第287行:
text-indent: 2em;
color: #202122;
font-family: "TemplateStyles CJK Punct", Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif;
}
p:not(:lang(zh)) {
第315行 ⟶ 第297行:
text-indent: 0;
}
/* ===== 标题(仅 h1-h6)===== */
h1, h2, h3, h4, h5, h6 {
color: #202122;
font-family: "TemplateStyles CJK Punct", Verdana, Arial, Helvetica, -apple-system,
"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
"SimSun", "SimSun-ExtB", "SimSun-ExtG",
"Jigmo3", "Jigmo2", "Jigmo", "HanaMinA", "HanaMinB",
sans-serif;
}
/* ===== 2026-09 补齐(依据 scripts/survey-heti.js --diff)==============================
1) heti 官方有而本站缺的 5 个类(.heti 容器类本体有意不引入,理由见 content/tushu/DESIGN.md §2);
第339行 ⟶ 第327行:
margin-inline-start:.25em
}
/* 正文行宽 —— 参考 Wikisource SKQS 的 .skqs-body(max-width:42em + 居中);
heti 的 $line-length 也是 42em(两处独立收敛到同一值)。由 {{图书排版|限宽}} 触发。 */
第345行 ⟶ 第334行:
margin-inline: auto;
}
/* 楷体字体栈 —— 取自 Wikisource [[Template:楷體/style.css]] 的完整栈;
删去本站不会命中的 :lang(zh-tw)/(zh-hk)/(zh-mo) 变体覆盖(本站只有 zh/zh-hans/zh-hant)。 */
.heti--kai, .heti--kai p {
font-family: "TemplateStyles CJK Punct", Times,
"Kaiti SC", 楷体, KaiTi, 楷体_GB2312, 华文楷体, STKaiti,
"Kaiti TC", 標楷體, DFKai-SB, "TW-Kai", 全字庫正楷體,
serif;
}
/* 楷体字号:楷体字形偏小(笔画细、中宫宽),同字号下视觉上小于宋体,
第357行 ⟶ 第350行:
font-size: 1.2em;
}
/* 诗词 + 多栏、以及 <poem> 的缩进/对齐,统一由下方 .tushu-body 作用域的规则处理
(原先这里有两条「版式类 + p」的规则,特异性与 .tushu-body 版相同且被其覆盖,已合并) */
/* ===== <poem> 在图书排版容器内自动套用诗排版(2026-09)=========================
Poem 扩展的 <poem> 只负责
此前要居中和不缩进必须额外写 |诗词;现在只要放在 {{图书排版}} 的容器里,
<poem> 的诗行就自动居中、不缩进,可省去 |诗词 参数。
第370行 ⟶ 第365行:
text-indent: 0;
}
/* ===== 嵌套版式:诗词容器内的段落一律居中且不缩进(2026-09)======================
问题场景:外层用 |行间注(或 |古籍)套住内层 |诗词 时,两个版式类都命中同一个 <p>,
特异性相同(0,1,1),胜负由 CSS 顺序决定——而 .heti--annotation p 的 text-indent:2em
在样式表里更靠后,会覆盖诗词的 text-indent:0,使居中的文本首行右移 2em,
看起来就像
用「.tushu-body + 版式类 + p」(0,2,1)提升特异性,保证诗词容器内的段落
一定是居中且不缩进,不再受外层版式影响。
第382行 ⟶ 第378行:
text-indent: 0;
}
/* |诗栏(诗词 + 多栏):分栏时诗句改为左对齐。多栏每栏本就窄,居中的诗行左右参差
反而难读;标题仍继承 .heti--poetry 的居中(只针对 p,不动 h1–h6)。 */
第390行 ⟶ 第387行:
text-indent: 0;
}
/* ===== 多栏内顶部外边距归零(2026-09)==========================================
多栏里 CSS 无法选中
(h2 是 24px、p 是 6px),导致两栏起始位置错开。把多栏内所有直接子元素的
margin-top 归零,各栏即从同一基线开始;段间距改由 margin-bottom 承担。
第401行 ⟶ 第399行:
margin-top: 0;
}
/* ===== 基础容器 ================================================================
.tushu-body 由 Module:图书排版 **总是**输出(无参数时也输出),但本身不设任何样式。
| |||