Add bold font variants for PDF rendering

Author: jinzhongjia

assets/fonts/zigcourse-cjk-bold.ttf

@@ -1,5 +1,5 @@
 // scripts/pdf/build-fonts.ts
-// 生成内嵌 PDF 用的子集字体：assets/fonts/zigcourse-{cjk,sans,mono}.ttf
+// 生成内嵌 PDF 用的子集字体：assets/fonts/zigcourse-{cjk,sans,mono,cjk-bold,sans-bold}.ttf
 //
 // 纯 Bun/JS：用 subset-font(harfbuzz) 从 Google Fonts 的 glyf 型「可变字体」
 // 做「子集 + 钉轴」，输出只含课程用到字形的静态 glyf TrueType。
@@ -50,6 +50,21 @@ const FONTS = [
     url: `${GF}/jetbrainsmono/JetBrainsMono%5Bwght%5D.ttf`,
     axes: { wght: 400 },
   },
+  // 粗体子集（wght:700）：用于 **加粗** 富文本，采用真粗体字形而非描边伪粗体，
+  // 从根本上避免“描边外扩吃掉中文字间距/行距导致字符重叠/挤压”的问题，与 EPUB 端一致。
+  // 复用同一份可变字体源文件（串行循环里 fetchFont 命中缓存，不会重复下载），只是把 wght 轴钉到 700。
+  {
+    name: "cjk-bold",
+    file: "NotoSerifSC.ttf",
+    url: `${GF}/notoserifsc/NotoSerifSC%5Bwght%5D.ttf`,
+    axes: { wght: 700 },
+  },
+  {
+    name: "sans-bold",
+    file: "Inter.ttf",
+    url: `${GF}/inter/Inter%5Bopsz,wght%5D.ttf`,
+    axes: { wght: 700, opsz: 14 },
+  },
 ] as const;
 
 // 收集课程会渲染到的所有字符：正文 md + 侧边栏标题 + 渲染器内置中文标题 + 代码片段

assets/fonts/zigcourse-cjk.ttf

@@ -52,6 +52,12 @@ async function main(): Promise<void> {
   const fontMono = (
     await readFile(path.join(ROOT, "assets/fonts/zigcourse-mono.ttf"))
   ).toString("base64");
+  const fontCjkBold = (
+    await readFile(path.join(ROOT, "assets/fonts/zigcourse-cjk-bold.ttf"))
+  ).toString("base64");
+  const fontSansBold = (
+    await readFile(path.join(ROOT, "assets/fonts/zigcourse-sans-bold.ttf"))
+  ).toString("base64");
 
   let nodes: FlatNode[] = flattenSidebar(sidebar as DefaultTheme.SidebarItem[]);
   // 仅对页面节点应用排除；分组节点保留（其下无页面会被自动跳过）。
@@ -68,6 +74,8 @@ async function main(): Promise<void> {
     fontCjk,
     fontSans,
     fontMono,
+    fontCjkBold,
+    fontSansBold,
     courseDir: COURSE,
   });
 

assets/fonts/zigcourse-sans-bold.ttf

@@ -65,6 +65,8 @@ export interface RendererOptions {
   fontCjk: string; // base64 — 思源宋体（中文正文）
   fontSans: string; // base64 — Inter（正文英文/数字，无衬线比例字体）
   fontMono: string; // base64 — JetBrains Mono（代码/行内代码，等宽）
+  fontCjkBold: string; // base64 — 思源宋体 700（中文加粗）
+  fontSansBold: string; // base64 — Inter 700（英文/数字加粗）
   courseDir: string;
 }
 
@@ -85,7 +87,14 @@ export class PdfRenderer {
   /** 单元格默认字色（标题渲染时临时覆盖）。 */
   private _cellDefaultColor: [number, number, number] | null = null;
 
-  constructor({ fontCjk, fontSans, fontMono, courseDir }: RendererOptions) {
+  constructor({
+    fontCjk,
+    fontSans,
+    fontMono,
+    fontCjkBold,
+    fontSansBold,
+    courseDir,
+  }: RendererOptions) {
     this.courseDir = courseDir;
     this.doc = new jsPDF({ unit: "mm", format: "a4" });
     // 三字体（均为 glyf TrueType，jsPDF 可解析）：
@@ -98,6 +107,13 @@ export class PdfRenderer {
     this.doc.addFont("Sans.ttf", "Sans", "normal");
     this.doc.addFileToVFS("Mono.ttf", fontMono);
     this.doc.addFont("Mono.ttf", "Mono", "normal");
+    // 真粗体字型（wght:700）：注册为同名字体族的 "bold" 风格，setFont(name, "bold") 即可切换。
+    // 关键：用真粗体字形后 getTextWidth 返回粗体自身的 advance 宽度，排版按真实宽度推进，
+    // 从根本上消除描边伪粗体导致的中文字符重叠/行距挤压（与 EPUB 端真粗体方案一致）。
+    this.doc.addFileToVFS("CJK-Bold.ttf", fontCjkBold);
+    this.doc.addFont("CJK-Bold.ttf", "CJK", "bold");
+    this.doc.addFileToVFS("Sans-Bold.ttf", fontSansBold);
+    this.doc.addFont("Sans-Bold.ttf", "Sans", "bold");
     this.doc.setFont("CJK", "normal");
 
     this.y = MARGIN.top;
@@ -323,7 +339,10 @@ export class PdfRenderer {
         // CJK 走 CJK 字体；正文英文走无衬线 Sans；行内代码走等宽 Mono
         const isCjkPiece = this.isCjk(piece[0] || "");
         const fn = isCode ? "Mono" : isCjkPiece ? cjkFont : "Sans";
-        this.doc.setFont(fn, "normal");
+        // 加粗用真粗体字型（仅 CJK/Sans 有 bold 变体；Mono 行内代码保持 normal）。
+        // 用 bold 字体测宽，getTextWidth 返回粗体真实 advance，排版按真实宽度推进。
+        const style = bold && fn !== "Mono" ? "bold" : "normal";
+        this.doc.setFont(fn, style);
         const w = this.doc.getTextWidth(piece);
         if (x + w > startX + maxW && piece !== " ") {
           x = startX;
@@ -349,17 +368,8 @@ export class PdfRenderer {
           }
           this.doc.setTextColor(20, 90, 200);
         }
-        if (!this._dry) {
-          if (bold) {
-            // 伪粗体：用填充 + 描边模式加粗笔画（无需额外 bold 字体）
-            const dc = link ? [20, 90, 200] : [30, 30, 30];
-            this.doc.setDrawColor(dc[0], dc[1], dc[2]);
-            this.doc.setLineWidth(0.25);
-            this.doc.text(piece, x, curY, { renderingMode: "fillThenStroke" });
-          } else {
-            this.doc.text(piece, x, curY);
-          }
-        }
+        // 用真粗体字形绘制（style 已按 bold 设好），不再使用描边伪粗体。
+        if (!this._dry) this.doc.text(piece, x, curY);
         if (link && !this._dry) this.doc.setTextColor(30, 30, 30);
         x += w;
       }