fix: preserve DC callout label typography

Author: 0disoft

src/lib/dc/export-document.ts

@@ -408,6 +408,11 @@ function safeBodyFontSize(options: DcExportOptions): string {
   return safeSize(options.bodyFontSize, defaultBodyFontSize);
 }
 
+function proseLabelFont(options: DcExportOptions, lineHeight?: number): string {
+  const family = safeProseFontFamily(options.bodyFontFamily).split(",")[0] ?? "Pretendard";
+  return lineHeight ? `700 12px/${lineHeight} ${family}` : `700 12px ${family}`;
+}
+
 function safeCodeFontSize(options: DcExportOptions): string {
   return safeSize(options.codeFontSize, defaultCodeFontSize);
 }
@@ -1002,9 +1007,7 @@ async function renderCallout(
     display: "block",
     margin: "0 0 6px",
     color: palette.text,
-    "font-family": safeProseFontFamily(options.bodyFontFamily),
-    "font-size": "12px",
-    "font-weight": 700,
+    font: proseLabelFont(options),
     "letter-spacing": "0",
   });
   const body = await Promise.all(

tests/unit/export-document.test.ts

@@ -10,6 +10,8 @@ import {
 import { parseMarkdownToDocument } from "../../src/lib/editor/markdown-import";
 
 const expectedDefaultDcProseFontFamily = safeDcProseFontFamily(defaultProseFontFamily);
+const expectedDefaultDcProseLabelFontFamily =
+  expectedDefaultDcProseFontFamily.split(",")[0] ?? "Pretendard";
 
 const exportOptions = {
   theme: "github-dark",
@@ -976,7 +978,11 @@ describe("exportDocumentToDcHtml", () => {
     expect(html).toContain("메모 <중요>");
     expect(html).toContain("cin/cout 설정을 앞에 둔다.");
     expect(html).toMatch(
-      /<span style="display:block;margin:0 0 6px;color:#[0-9a-f]{6};font-size:12px;font-weight:700;letter-spacing:0">메모 &lt;중요&gt;<\/span>/,
+      new RegExp(
+        `<span style="display:block;margin:0 0 6px;color:#[0-9a-f]{6};font:700 12px ${escapeRegExp(
+          expectedDefaultDcProseLabelFontFamily,
+        )};letter-spacing:0">메모 &lt;중요&gt;</span>`,
+      ),
     );
     expect(html).not.toContain(">TIP</span>");
     expect(html).not.toContain(">핵심 요약</td>");