pptx-glimpse 1.0.1 → 1.1.1

package/README.md

@@ -88,6 +88,19 @@ const results = await convertPptxToPng(pptx, {
 });
 ```
 
+#### Text output mode (`textOutput`)
+
+By default, text is converted to `<path>` outlines, which renders consistently in any environment but bypasses the browser's native text rasterization (hinting, text-specific anti-aliasing), so glyph edges can look jagged when SVGs are displayed inline in a browser.
+
+With `textOutput: "text"`, `convertPptxToSvg` emits native `<text>` elements along with `@font-face` rules that embed subsetted fonts as data URIs. This produces smoother text rendering in browsers, smaller SVGs for CJK-heavy slides, and selectable/copyable text. Characters not covered by the resolved font fall back to the viewer's fonts via the `font-family` chain.
+
+```typescript
+// SVG only — convertPptxToPng always uses path output
+const svgResults = await convertPptxToSvg(pptx, { textOutput: "text" });
+```
+
+Note: embedded fonts and `<text>` may not render as expected when the SVG is referenced via `<img src="...svg">` or sanitized. `convertPptxToPng` always uses path output regardless of this option.
+
 ### Advanced Usage
 
 <details>

package/dist/index.cjs

@@ -38,6 +38,189 @@ module.exports = __toCommonJS(index_exports);
 // src/converter.ts
 var import_node_fs2 = require("fs");
 
+// src/font/font-embedder.ts
+var import_node_buffer = require("buffer");
+
+// src/warning-logger.ts
+var PREFIX = "[pptx-glimpse]";
+var currentLevel = "off";
+var entries = [];
+var featureCounts = /* @__PURE__ */ new Map();
+function initWarningLogger(level) {
+  currentLevel = level;
+  entries = [];
+  featureCounts.clear();
+}
+function warn(feature, message, context) {
+  if (currentLevel === "off") return;
+  entries.push({ feature, message, ...context !== void 0 && { context } });
+  const existing = featureCounts.get(feature);
+  if (existing) {
+    existing.count++;
+  } else {
+    featureCounts.set(feature, { message, count: 1 });
+  }
+  if (currentLevel === "debug") {
+    const ctx = context ? ` (${context})` : "";
+    console.warn(`${PREFIX} SKIP: ${feature} - ${message}${ctx}`);
+  }
+}
+function debug(feature, message, context) {
+  if (currentLevel !== "debug") return;
+  entries.push({ feature, message, ...context !== void 0 && { context } });
+  const existing = featureCounts.get(feature);
+  if (existing) {
+    existing.count++;
+  } else {
+    featureCounts.set(feature, { message, count: 1 });
+  }
+  const ctx = context ? ` (${context})` : "";
+  console.warn(`${PREFIX} DEBUG: ${feature} - ${message}${ctx}`);
+}
+function getWarningSummary() {
+  const features = [];
+  for (const [feature, { message, count }] of featureCounts) {
+    features.push({ feature, message, count });
+  }
+  return { totalCount: entries.length, features };
+}
+function flushWarnings() {
+  const summary = getWarningSummary();
+  if (currentLevel !== "off" && summary.features.length > 0) {
+    console.warn(`${PREFIX} Summary: ${summary.features.length} unsupported feature(s) detected`);
+    for (const { feature, count } of summary.features) {
+      console.warn(`  - ${feature}: ${count} occurrence(s)`);
+    }
+  }
+  entries = [];
+  featureCounts.clear();
+  return summary;
+}
+function getWarningEntries() {
+  return entries;
+}
+
+// src/font/font-subsetter.ts
+async function tryLoadOpentypeCtors() {
+  try {
+    const specifier = "opentype.js";
+    const mod = await import(
+      /* @vite-ignore */
+      specifier
+    );
+    return { Font: mod.Font, Glyph: mod.Glyph };
+  } catch {
+    return null;
+  }
+}
+function glyphName(glyph, firstUnicode) {
+  if (glyph.name) return glyph.name;
+  return `uni${firstUnicode.toString(16).toUpperCase().padStart(4, "0")}`;
+}
+async function subsetFont(font, chars, familyName) {
+  const opentype = await tryLoadOpentypeCtors();
+  if (!opentype) return null;
+  const source = font;
+  if (typeof source.charToGlyph !== "function" || !source.glyphs) return null;
+  const glyphMap = /* @__PURE__ */ new Map();
+  for (const char of chars) {
+    const codePoint = char.codePointAt(0);
+    if (codePoint === void 0) continue;
+    let glyph;
+    try {
+      glyph = source.charToGlyph(char);
+    } catch {
+      continue;
+    }
+    if (!glyph || !glyph.index) continue;
+    const entry = glyphMap.get(glyph.index);
+    if (entry) {
+      entry.unicodes.add(codePoint);
+    } else {
+      glyphMap.set(glyph.index, { glyph, unicodes: /* @__PURE__ */ new Set([codePoint]) });
+    }
+  }
+  if (glyphMap.size === 0) return null;
+  try {
+    const notdefSource = source.glyphs.get(0);
+    const glyphs = [
+      new opentype.Glyph({
+        name: ".notdef",
+        advanceWidth: notdefSource?.advanceWidth ?? source.unitsPerEm / 2,
+        path: notdefSource?.path
+      })
+    ];
+    for (const { glyph, unicodes } of glyphMap.values()) {
+      const unicodeList = [...unicodes].sort((a, b) => a - b);
+      glyphs.push(
+        new opentype.Glyph({
+          name: glyphName(glyph, unicodeList[0]),
+          unicode: unicodeList[0],
+          unicodes: unicodeList,
+          advanceWidth: glyph.advanceWidth ?? 0,
+          path: glyph.path
+        })
+      );
+    }
+    const subset = new opentype.Font({
+      familyName: familyName || "EmbeddedFont",
+      styleName: "Regular",
+      unitsPerEm: source.unitsPerEm,
+      ascender: source.ascender,
+      // opentype.js は descender に負値を要求する
+      descender: source.descender < 0 ? source.descender : -1,
+      glyphs
+    });
+    return new Uint8Array(subset.toArrayBuffer());
+  } catch (e) {
+    warn(
+      "font.subsetFailed",
+      `Failed to subset font "${familyName}": ${e instanceof Error ? e.message : String(e)}`
+    );
+    return null;
+  }
+}
+
+// src/font/script-font-context.ts
+var jpanMajorFont = null;
+var jpanMinorFont = null;
+function setScriptFonts(majorJpan, minorJpan) {
+  jpanMajorFont = majorJpan;
+  jpanMinorFont = minorJpan;
+}
+function resetScriptFonts() {
+  jpanMajorFont = null;
+  jpanMinorFont = null;
+}
+function getJpanFallbackFont() {
+  return jpanMajorFont ?? jpanMinorFont;
+}
+
+// src/font/font-embedder.ts
+function escapeCssFamilyName(name) {
+  return name.replace(/[\\"]/g, (c) => `\\${c}`).replace(/[<>&]/g, (c) => `\\${c.codePointAt(0).toString(16)} `);
+}
+async function buildFontFaceStyle(usages, fontResolver) {
+  const faces = [];
+  const jpanFallback = getJpanFallbackFont();
+  for (const [familyName, usage] of usages) {
+    const font = fontResolver.resolveFont(
+      usage.fonts[0],
+      usage.fonts[1] ?? null,
+      usage.fonts[2] ?? jpanFallback
+    );
+    if (!font) continue;
+    const buffer = await subsetFont(font, usage.chars, familyName);
+    if (!buffer) continue;
+    const base64 = import_node_buffer.Buffer.from(buffer).toString("base64");
+    faces.push(
+      `@font-face{font-family:"${escapeCssFamilyName(familyName)}";src:url(data:font/otf;base64,${base64}) format("opentype");}`
+    );
+  }
+  if (faces.length === 0) return "";
+  return `<style type="text/css">${faces.join("")}</style>`;
+}
+
 // src/font/font-mapping.ts
 var DEFAULT_FONT_MAPPING = {
   // ラテン文字フォント
@@ -104,6 +287,40 @@ function getCurrentMappedFont(fontFamily) {
   return getMappedFont(fontFamily, currentMapping);
 }
 
+// src/font/font-usage-collector.ts
+var FontUsageCollector = class {
+  /** key: tspan の font-family リスト先頭のフォント名 (= @font-face で宣言する名前) */
+  usages = /* @__PURE__ */ new Map();
+  record(fonts, text) {
+    const primary = fonts.find((f) => f !== null && f !== void 0);
+    if (!primary || text.length === 0) return;
+    let usage = this.usages.get(primary);
+    if (!usage) {
+      usage = { fonts: [...fonts], chars: /* @__PURE__ */ new Set() };
+      this.usages.set(primary, usage);
+    }
+    for (const char of text) {
+      usage.chars.add(char);
+    }
+  }
+  getUsages() {
+    return this.usages;
+  }
+  reset() {
+    this.usages.clear();
+  }
+};
+var currentCollector = null;
+function setFontUsageCollector(collector) {
+  currentCollector = collector;
+}
+function getFontUsageCollector() {
+  return currentCollector;
+}
+function resetFontUsageCollector() {
+  currentCollector = null;
+}
+
 // src/font/opentype-helpers.ts
 var import_promises = require("fs/promises");
 
@@ -1047,65 +1264,6 @@ function measureTextWidth(text, fontSizePt, bold, fontFamily, fontFamilyEa) {
   return totalWidth;
 }
 
-// src/warning-logger.ts
-var PREFIX = "[pptx-glimpse]";
-var currentLevel = "off";
-var entries = [];
-var featureCounts = /* @__PURE__ */ new Map();
-function initWarningLogger(level) {
-  currentLevel = level;
-  entries = [];
-  featureCounts.clear();
-}
-function warn(feature, message, context) {
-  if (currentLevel === "off") return;
-  entries.push({ feature, message, ...context !== void 0 && { context } });
-  const existing = featureCounts.get(feature);
-  if (existing) {
-    existing.count++;
-  } else {
-    featureCounts.set(feature, { message, count: 1 });
-  }
-  if (currentLevel === "debug") {
-    const ctx = context ? ` (${context})` : "";
-    console.warn(`${PREFIX} SKIP: ${feature} - ${message}${ctx}`);
-  }
-}
-function debug(feature, message, context) {
-  if (currentLevel !== "debug") return;
-  entries.push({ feature, message, ...context !== void 0 && { context } });
-  const existing = featureCounts.get(feature);
-  if (existing) {
-    existing.count++;
-  } else {
-    featureCounts.set(feature, { message, count: 1 });
-  }
-  const ctx = context ? ` (${context})` : "";
-  console.warn(`${PREFIX} DEBUG: ${feature} - ${message}${ctx}`);
-}
-function getWarningSummary() {
-  const features = [];
-  for (const [feature, { message, count }] of featureCounts) {
-    features.push({ feature, message, count });
-  }
-  return { totalCount: entries.length, features };
-}
-function flushWarnings() {
-  const summary = getWarningSummary();
-  if (currentLevel !== "off" && summary.features.length > 0) {
-    console.warn(`${PREFIX} Summary: ${summary.features.length} unsupported feature(s) detected`);
-    for (const { feature, count } of summary.features) {
-      console.warn(`  - ${feature}: ${count} occurrence(s)`);
-    }
-  }
-  entries = [];
-  featureCounts.clear();
-  return summary;
-}
-function getWarningEntries() {
-  return entries;
-}
-
 // src/font/cjk-font-fallback.ts
 var import_node_os = require("os");
 var MACOS_FALLBACKS = {
@@ -1642,21 +1800,6 @@ async function createOpentypeSetupFromSystem(additionalFontDirs, fontMapping, sk
   return setup;
 }
 
-// src/font/script-font-context.ts
-var jpanMajorFont = null;
-var jpanMinorFont = null;
-function setScriptFonts(majorJpan, minorJpan) {
-  jpanMajorFont = majorJpan;
-  jpanMinorFont = minorJpan;
-}
-function resetScriptFonts() {
-  jpanMajorFont = null;
-  jpanMinorFont = null;
-}
-function getJpanFallbackFont() {
-  return jpanMajorFont ?? jpanMinorFont;
-}
-
 // src/font/text-measurer.ts
 var DefaultTextMeasurer = class {
   measureTextWidth(text, fontSizePt, bold, fontFamily, fontFamilyEa) {
@@ -4256,11 +4399,10 @@ function parseParagraph(p, colorResolver, rels, fontScheme, lstStyle, orderedPCh
   const lstLevelProps = lstStyle?.levels[level];
   const { bullet, bulletFont, bulletColor, bulletSizePct } = parseBullet(pPr, colorResolver);
   const lnSpc = pPr?.lnSpc;
-  const lnSpcSpcPct = lnSpc?.spcPct;
   const tabStops = parseTabStops(pPr);
   const properties = {
     alignment: pPr?.["@_algn"] ?? lstLevelProps?.alignment ?? null,
-    lineSpacing: lnSpcSpcPct ? Number(lnSpcSpcPct["@_val"]) : null,
+    lineSpacing: lnSpc?.spcPts || lnSpc?.spcPct ? parseSpacing(lnSpc) : null,
     spaceBefore: parseSpacing(pPr?.spcBef),
     spaceAfter: parseSpacing(pPr?.spcAft),
     level,
@@ -8022,7 +8164,11 @@ function renderTextBody(textBody, transform) {
     const paragraphGapPx = Math.max(prevSpaceAfterPx, spaceBeforePx);
     if (para.runs.length === 0 || !para.runs.some((r) => r.text.length > 0)) {
       const emptyParaHeightPt = paraFontSizePt > 0 ? paraFontSizePt : defaultNaturalHeightPt;
-      const dy = computeDy(isFirstLine, emptyParaHeightPt, DEFAULT_LINE_SPACING, paragraphGapPx);
+      const dy = computeDy(
+        isFirstLine,
+        getLineHeightPx(para, emptyParaHeightPt, lnSpcReduction),
+        paragraphGapPx
+      );
       tspans.push(`<tspan x="${xPos}" dy="${dy}" text-anchor="${anchorValue}"> </tspan>`);
       isFirstLine = false;
       prevSpaceAfterPx = resolveSpacingPx(para.properties.spaceAfter, paraFontSizePt);
@@ -8041,8 +8187,7 @@ function renderTextBody(textBody, transform) {
         if (line.segments.length === 0) {
           const dy = computeDy(
             isFirstLine,
-            defaultNaturalHeightPt,
-            getLineSpacing(para, lnSpcReduction),
+            getLineHeightPx(para, defaultNaturalHeightPt, lnSpcReduction),
             lineGapPx
           );
           tspans.push(`<tspan x="${xPos}" dy="${dy}" text-anchor="${anchorValue}"> </tspan>`);
@@ -8058,11 +8203,22 @@ function renderTextBody(textBody, transform) {
           );
           const dy = computeDy(
             isFirstLine,
-            lineNaturalHeightPt,
-            getLineSpacing(para, lnSpcReduction),
+            getLineHeightPx(para, lineNaturalHeightPt, lnSpcReduction),
             paragraphGapPx
           );
-          const bulletStyles = buildBulletStyleAttrs(para.properties, lineFontSize, fontScale);
+          const firstSeg = line.segments[0];
+          const bulletFontChain = buildBulletFontChain(
+            para.properties,
+            firstSeg?.properties.fontFamily,
+            firstSeg?.properties.fontFamilyEa
+          );
+          const bulletStyles = buildBulletStyleAttrs(
+            para.properties,
+            lineFontSize,
+            fontScale,
+            bulletFontChain
+          );
+          getFontUsageCollector()?.record(bulletFontChain, bulletText);
           tspans.push(
             `<tspan x="${bulletX}" dy="${dy}" text-anchor="start" ${bulletStyles}>${escapeXml2(bulletText)}</tspan>`
           );
@@ -8082,8 +8238,7 @@ function renderTextBody(textBody, transform) {
               );
               const dy = computeDy(
                 isFirstLine,
-                lineNaturalHeightPt,
-                getLineSpacing(para, lnSpcReduction),
+                getLineHeightPx(para, lineNaturalHeightPt, lnSpcReduction),
                 lineGapPx
               );
               const prefix = `x="${xPos}" dy="${dy}" text-anchor="${anchorValue}" `;
@@ -8103,11 +8258,21 @@ function renderTextBody(textBody, transform) {
         const naturalHeightPt = computeLineNaturalHeight(para.runs, defaultFontSize, fontScale);
         const dy = computeDy(
           isFirstLine,
-          naturalHeightPt,
-          getLineSpacing(para, lnSpcReduction),
+          getLineHeightPx(para, naturalHeightPt, lnSpcReduction),
           paragraphGapPx
         );
-        const bulletStyles = buildBulletStyleAttrs(para.properties, fontSize, fontScale);
+        const bulletFontChain = buildBulletFontChain(
+          para.properties,
+          firstRun?.properties.fontFamily,
+          firstRun?.properties.fontFamilyEa
+        );
+        const bulletStyles = buildBulletStyleAttrs(
+          para.properties,
+          fontSize,
+          fontScale,
+          bulletFontChain
+        );
+        getFontUsageCollector()?.record(bulletFontChain, bulletText);
         tspans.push(
           `<tspan x="${bulletX}" dy="${dy}" text-anchor="start" ${bulletStyles}>${escapeXml2(bulletText)}</tspan>`
         );
@@ -8123,8 +8288,7 @@ function renderTextBody(textBody, transform) {
             const naturalHeightPt = computeLineNaturalHeight(para.runs, defaultFontSize, fontScale);
             const dy = computeDy(
               isFirstLine,
-              naturalHeightPt,
-              getLineSpacing(para, lnSpcReduction),
+              getLineHeightPx(para, naturalHeightPt, lnSpcReduction),
               paragraphGapPx
             );
             const prefix = `x="${xPos}" dy="${dy}" text-anchor="${anchorValue}" `;
@@ -8242,14 +8406,18 @@ function toAlpha(num) {
   }
   return result;
 }
-function buildBulletStyleAttrs(props, textFontSizePt, fontScale) {
+function buildBulletFontChain(props, runFontFamily, runFontFamilyEa) {
+  return [props.bulletFont, runFontFamily ?? null, runFontFamilyEa ?? null];
+}
+function buildBulletStyleAttrs(props, textFontSizePt, fontScale, bulletFontChain) {
   const styles = [];
   if (props.bulletSizePct !== null) {
     const size = textFontSizePt * (props.bulletSizePct / 1e5);
     styles.push(`font-size="${size}pt"`);
   }
-  if (props.bulletFont) {
-    styles.push(`font-family="${escapeXml2(props.bulletFont)}"`);
+  const fontFamilyValue = buildFontFamilyValue(bulletFontChain);
+  if (fontFamilyValue) {
+    styles.push(`font-family="${fontFamilyValue}"`);
   }
   if (props.bulletColor) {
     styles.push(`fill="${props.bulletColor.hex}"`);
@@ -8270,15 +8438,13 @@ function getAlignmentInfo(alignment, marginLeftPx, textWidth, width, marginRight
       return { xPos: marginLeftPx, anchorValue: "start" };
   }
 }
-function getLineSpacing(para, lnSpcReduction = 0) {
-  let spacing;
-  if (para.properties.lineSpacing !== null) {
-    const factor = para.properties.lineSpacing / 1e5;
-    spacing = Math.max(0.5, factor);
-  } else {
-    spacing = DEFAULT_LINE_SPACING;
+function getLineHeightPx(para, naturalHeightPt, lnSpcReduction = 0) {
+  const lineSpacing = para.properties.lineSpacing;
+  if (lineSpacing?.type === "pts") {
+    return lineSpacing.value / 100 * PX_PER_PT3 * (1 - lnSpcReduction);
   }
-  return spacing * (1 - lnSpcReduction);
+  const factor = lineSpacing !== null ? Math.max(0.5, lineSpacing.value / 1e5) : DEFAULT_LINE_SPACING;
+  return naturalHeightPt * PX_PER_PT3 * factor * (1 - lnSpcReduction);
 }
 function resolveSpacingPx(spacing, fontSizePt) {
   if (spacing.type === "pts") {
@@ -8297,11 +8463,9 @@ function getParagraphFontSize(para, defaultFontSize) {
   }
   return defaultFontSize;
 }
-function computeDy(isFirstLine, fontSizePt, lineSpacingFactor, paragraphGapPx) {
+function computeDy(isFirstLine, lineHeightPx, paragraphGapPx) {
   if (isFirstLine) return "0";
-  const lineHeight = fontSizePt * PX_PER_PT3 * lineSpacingFactor;
-  const dy = lineHeight + paragraphGapPx;
-  return dy.toFixed(2);
+  return (lineHeightPx + paragraphGapPx).toFixed(2);
 }
 function getLineFontSize(segments, defaultFontSize) {
   for (const seg of segments) {
@@ -8433,6 +8597,7 @@ function renderSegment(text, props, fontScale, prefix) {
   let tspanContent;
   if (!needsScriptSplit(props)) {
     const styles = buildStyleAttrs(props, fontScale);
+    getFontUsageCollector()?.record([props.fontFamily, props.fontFamilyEa], text);
     tspanContent = `<tspan ${prefix}${styles}>${escapeXml2(text)}</tspan>`;
   } else {
     const parts = splitByScript(text);
@@ -8441,6 +8606,7 @@ function renderSegment(text, props, fontScale, prefix) {
       const part = parts[i];
       const fonts = part.isEa ? [props.fontFamilyEa, getJpanFallbackFont(), props.fontFamily] : [props.fontFamily, props.fontFamilyEa];
       const styles = buildStyleAttrs(props, fontScale, fonts);
+      getFontUsageCollector()?.record(fonts, part.text);
       if (i === 0) {
         result.push(`<tspan ${prefix}${styles}>${escapeXml2(part.text)}</tspan>`);
       } else {
@@ -8535,10 +8701,13 @@ function estimateTextHeight(paragraphs, defaultFontSize, shouldWrap, textWidth,
   const scaledDefaultForWrap = defaultFontSize * fontScale;
   for (let pIdx = 0; pIdx < paragraphs.length; pIdx++) {
     const para = paragraphs[pIdx];
-    const lineSpacing = getLineSpacing(para, lnSpcReduction);
     const isEmpty = !para.runs.some((r) => r.text.length > 0);
     const naturalHeightPt = isEmpty && para.endParaRunProperties?.fontSize ? para.endParaRunProperties.fontSize * fontScale * defaultRatio : computeLineNaturalHeight(para.runs, defaultFontSize, fontScale);
-    const lineHeight = (naturalHeightPt > 0 ? naturalHeightPt : defaultFontSize * fontScale * defaultRatio) * PX_PER_PT3 * lineSpacing;
+    const lineHeight = getLineHeightPx(
+      para,
+      naturalHeightPt > 0 ? naturalHeightPt : defaultFontSize * fontScale * defaultRatio,
+      lnSpcReduction
+    );
     let lineCount;
     if (shouldWrap && para.runs.length > 0 && para.runs.some((r) => r.text.length > 0)) {
       const wrappedLines = wrapParagraph(para, textWidth, scaledDefaultForWrap, fontScale);
@@ -8805,7 +8974,7 @@ function renderTextBodyAsPath(textBody, transform, fontResolver) {
     if (para.runs.length === 0 || !para.runs.some((r) => r.text.length > 0)) {
       if (!isFirstLine) {
         const emptyParaHeightPt = paraFontSizePt > 0 ? paraFontSizePt : defaultNaturalHeightPt;
-        currentY += emptyParaHeightPt * PX_PER_PT3 * DEFAULT_LINE_SPACING + paragraphGapPx;
+        currentY += getLineHeightPx(para, emptyParaHeightPt, lnSpcReduction) + paragraphGapPx;
       }
       isFirstLine = false;
       prevSpaceAfterPx = resolveSpacingPx(para.properties.spaceAfter, paraFontSizePt);
@@ -8823,7 +8992,7 @@ function renderTextBodyAsPath(textBody, transform, fontResolver) {
         const lineGapPx = lineIdx === 0 ? paragraphGapPx : 0;
         if (line.segments.length === 0) {
           if (!isFirstLine) {
-            currentY += defaultNaturalHeightPt * PX_PER_PT3 * getLineSpacing(para, lnSpcReduction) + lineGapPx;
+            currentY += getLineHeightPx(para, defaultNaturalHeightPt, lnSpcReduction) + lineGapPx;
           }
           isFirstLine = false;
           continue;
@@ -8834,7 +9003,7 @@ function renderTextBodyAsPath(textBody, transform, fontResolver) {
           fontScale
         );
         if (!isFirstLine) {
-          currentY += lineNaturalHeightPt * PX_PER_PT3 * getLineSpacing(para, lnSpcReduction) + lineGapPx;
+          currentY += getLineHeightPx(para, lineNaturalHeightPt, lnSpcReduction) + lineGapPx;
         }
         const lineWidth = measureLineWidth(line.segments, defaultFontSize, fontScale, fontResolver);
         const lineStartX = computePathLineX(
@@ -8882,7 +9051,7 @@ function renderTextBodyAsPath(textBody, transform, fontResolver) {
     } else {
       const naturalHeightPt = computeLineNaturalHeight(para.runs, defaultFontSize, fontScale);
       if (!isFirstLine) {
-        currentY += naturalHeightPt * PX_PER_PT3 * getLineSpacing(para, lnSpcReduction) + paragraphGapPx;
+        currentY += getLineHeightPx(para, naturalHeightPt, lnSpcReduction) + paragraphGapPx;
       }
       const runsAsSegments = para.runs.filter((r) => r.text.length > 0).map((r) => ({ text: r.text, properties: r.properties }));
       const lineWidth = measureLineWidth(runsAsSegments, defaultFontSize, fontScale, fontResolver);
@@ -9221,6 +9390,7 @@ function escapeXmlAttr(str) {
 
 // src/converter.ts
 async function convertPptxToSvg(input, options) {
+  const textOutput = options?.textOutput ?? "path";
   const setup = await createOpentypeSetupFromSystem(
     options?.fontDirs,
     options?.fontMapping,
@@ -9228,7 +9398,13 @@ async function convertPptxToSvg(input, options) {
   );
   if (setup) {
     setTextMeasurer(setup.measurer);
-    setTextPathFontResolver(setup.fontResolver);
+    if (textOutput !== "text") {
+      setTextPathFontResolver(setup.fontResolver);
+    }
+  }
+  const fontUsageCollector = textOutput === "text" ? new FontUsageCollector() : null;
+  if (fontUsageCollector) {
+    setFontUsageCollector(fontUsageCollector);
   }
   setFontMapping(createFontMapping(options?.fontMapping));
   enableXmlCache();
@@ -9247,7 +9423,14 @@ async function convertPptxToSvg(input, options) {
       const { slide, layoutElements, layoutShowMasterSp, masterElements } = parsed;
       const effectiveMasterElements = slide.showMasterSp && layoutShowMasterSp ? masterElements : [];
       slide.elements = mergeElements(effectiveMasterElements, layoutElements, slide.elements);
-      const svg = renderSlideToSvg(slide, data.presInfo.slideSize);
+      fontUsageCollector?.reset();
+      let svg = renderSlideToSvg(slide, data.presInfo.slideSize);
+      if (fontUsageCollector && setup) {
+        const style = await buildFontFaceStyle(fontUsageCollector.getUsages(), setup.fontResolver);
+        if (style) {
+          svg = injectIntoSvgDefs(svg, style);
+        }
+      }
       results.push({ slideNumber, svg });
     }
     flushWarnings();
@@ -9256,10 +9439,16 @@ async function convertPptxToSvg(input, options) {
     clearXmlCache();
     resetTextMeasurer();
     resetTextPathFontResolver();
+    resetFontUsageCollector();
     resetFontMapping();
     resetScriptFonts();
   }
 }
+function injectIntoSvgDefs(svg, content) {
+  const openTagEnd = svg.indexOf(">");
+  if (openTagEnd === -1) return svg;
+  return `${svg.slice(0, openTagEnd + 1)}<defs>${content}</defs>${svg.slice(openTagEnd + 1)}`;
+}
 var cachedFontBuffers = null;
 var cachedFontBuffersKey = null;
 var MAX_TOTAL_FONT_BUFFER_BYTES = 100 * 1024 * 1024;
@@ -9297,7 +9486,7 @@ ${skipSystemFonts ?? false}`;
   return buffers;
 }
 async function convertPptxToPng(input, options) {
-  const svgResults = await convertPptxToSvg(input, options);
+  const svgResults = await convertPptxToSvg(input, { ...options, textOutput: "path" });
   const width = options?.width ?? DEFAULT_OUTPUT_WIDTH;
   const height = options?.height;
   const fontBuffers = loadFontBuffers(options?.fontDirs, options?.skipSystemFonts);

package/dist/index.d.cts

@@ -48,6 +48,15 @@ interface ConvertOptions {
     fontMapping?: FontMapping;
     /** true のとき OS のシステムフォントをスキャンせず fontDirs のみを使用する */
     skipSystemFonts?: boolean;
+    /**
+     * SVG でのテキスト出力方式。デフォルト: "path"
+     * - "path": グリフをアウトライン化した <path> として出力する。フォント環境に依存しない
+     * - "text": ネイティブ <text> 要素 + サブセット化フォントの @font-face (data URI) 埋め込みで出力する。
+     *   ブラウザでのインライン表示時にネイティブテキスト描画 (ヒンティング等) が効き、テキスト選択も可能になる。
+     *   <img src="...svg"> 参照やサニタイズ環境では期待どおり描画されないことがある。
+     *   convertPptxToPng では無視され、常に "path" で変換される (resvg は @font-face を解釈しないため)
+     */
+    textOutput?: "path" | "text";
 }
 interface SlideSvg {
     slideNumber: number;

package/dist/index.d.ts

@@ -48,6 +48,15 @@ interface ConvertOptions {
     fontMapping?: FontMapping;
     /** true のとき OS のシステムフォントをスキャンせず fontDirs のみを使用する */
     skipSystemFonts?: boolean;
+    /**
+     * SVG でのテキスト出力方式。デフォルト: "path"
+     * - "path": グリフをアウトライン化した <path> として出力する。フォント環境に依存しない
+     * - "text": ネイティブ <text> 要素 + サブセット化フォントの @font-face (data URI) 埋め込みで出力する。
+     *   ブラウザでのインライン表示時にネイティブテキスト描画 (ヒンティング等) が効き、テキスト選択も可能になる。
+     *   <img src="...svg"> 参照やサニタイズ環境では期待どおり描画されないことがある。
+     *   convertPptxToPng では無視され、常に "path" で変換される (resvg は @font-face を解釈しないため)
+     */
+    textOutput?: "path" | "text";
 }
 interface SlideSvg {
     slideNumber: number;

package/dist/index.js

@@ -1,6 +1,189 @@
 // src/converter.ts
 import { readFileSync, statSync } from "fs";
 
+// src/font/font-embedder.ts
+import { Buffer as Buffer2 } from "buffer";
+
+// src/warning-logger.ts
+var PREFIX = "[pptx-glimpse]";
+var currentLevel = "off";
+var entries = [];
+var featureCounts = /* @__PURE__ */ new Map();
+function initWarningLogger(level) {
+  currentLevel = level;
+  entries = [];
+  featureCounts.clear();
+}
+function warn(feature, message, context) {
+  if (currentLevel === "off") return;
+  entries.push({ feature, message, ...context !== void 0 && { context } });
+  const existing = featureCounts.get(feature);
+  if (existing) {
+    existing.count++;
+  } else {
+    featureCounts.set(feature, { message, count: 1 });
+  }
+  if (currentLevel === "debug") {
+    const ctx = context ? ` (${context})` : "";
+    console.warn(`${PREFIX} SKIP: ${feature} - ${message}${ctx}`);
+  }
+}
+function debug(feature, message, context) {
+  if (currentLevel !== "debug") return;
+  entries.push({ feature, message, ...context !== void 0 && { context } });
+  const existing = featureCounts.get(feature);
+  if (existing) {
+    existing.count++;
+  } else {
+    featureCounts.set(feature, { message, count: 1 });
+  }
+  const ctx = context ? ` (${context})` : "";
+  console.warn(`${PREFIX} DEBUG: ${feature} - ${message}${ctx}`);
+}
+function getWarningSummary() {
+  const features = [];
+  for (const [feature, { message, count }] of featureCounts) {
+    features.push({ feature, message, count });
+  }
+  return { totalCount: entries.length, features };
+}
+function flushWarnings() {
+  const summary = getWarningSummary();
+  if (currentLevel !== "off" && summary.features.length > 0) {
+    console.warn(`${PREFIX} Summary: ${summary.features.length} unsupported feature(s) detected`);
+    for (const { feature, count } of summary.features) {
+      console.warn(`  - ${feature}: ${count} occurrence(s)`);
+    }
+  }
+  entries = [];
+  featureCounts.clear();
+  return summary;
+}
+function getWarningEntries() {
+  return entries;
+}
+
+// src/font/font-subsetter.ts
+async function tryLoadOpentypeCtors() {
+  try {
+    const specifier = "opentype.js";
+    const mod = await import(
+      /* @vite-ignore */
+      specifier
+    );
+    return { Font: mod.Font, Glyph: mod.Glyph };
+  } catch {
+    return null;
+  }
+}
+function glyphName(glyph, firstUnicode) {
+  if (glyph.name) return glyph.name;
+  return `uni${firstUnicode.toString(16).toUpperCase().padStart(4, "0")}`;
+}
+async function subsetFont(font, chars, familyName) {
+  const opentype = await tryLoadOpentypeCtors();
+  if (!opentype) return null;
+  const source = font;
+  if (typeof source.charToGlyph !== "function" || !source.glyphs) return null;
+  const glyphMap = /* @__PURE__ */ new Map();
+  for (const char of chars) {
+    const codePoint = char.codePointAt(0);
+    if (codePoint === void 0) continue;
+    let glyph;
+    try {
+      glyph = source.charToGlyph(char);
+    } catch {
+      continue;
+    }
+    if (!glyph || !glyph.index) continue;
+    const entry = glyphMap.get(glyph.index);
+    if (entry) {
+      entry.unicodes.add(codePoint);
+    } else {
+      glyphMap.set(glyph.index, { glyph, unicodes: /* @__PURE__ */ new Set([codePoint]) });
+    }
+  }
+  if (glyphMap.size === 0) return null;
+  try {
+    const notdefSource = source.glyphs.get(0);
+    const glyphs = [
+      new opentype.Glyph({
+        name: ".notdef",
+        advanceWidth: notdefSource?.advanceWidth ?? source.unitsPerEm / 2,
+        path: notdefSource?.path
+      })
+    ];
+    for (const { glyph, unicodes } of glyphMap.values()) {
+      const unicodeList = [...unicodes].sort((a, b) => a - b);
+      glyphs.push(
+        new opentype.Glyph({
+          name: glyphName(glyph, unicodeList[0]),
+          unicode: unicodeList[0],
+          unicodes: unicodeList,
+          advanceWidth: glyph.advanceWidth ?? 0,
+          path: glyph.path
+        })
+      );
+    }
+    const subset = new opentype.Font({
+      familyName: familyName || "EmbeddedFont",
+      styleName: "Regular",
+      unitsPerEm: source.unitsPerEm,
+      ascender: source.ascender,
+      // opentype.js は descender に負値を要求する
+      descender: source.descender < 0 ? source.descender : -1,
+      glyphs
+    });
+    return new Uint8Array(subset.toArrayBuffer());
+  } catch (e) {
+    warn(
+      "font.subsetFailed",
+      `Failed to subset font "${familyName}": ${e instanceof Error ? e.message : String(e)}`
+    );
+    return null;
+  }
+}
+
+// src/font/script-font-context.ts
+var jpanMajorFont = null;
+var jpanMinorFont = null;
+function setScriptFonts(majorJpan, minorJpan) {
+  jpanMajorFont = majorJpan;
+  jpanMinorFont = minorJpan;
+}
+function resetScriptFonts() {
+  jpanMajorFont = null;
+  jpanMinorFont = null;
+}
+function getJpanFallbackFont() {
+  return jpanMajorFont ?? jpanMinorFont;
+}
+
+// src/font/font-embedder.ts
+function escapeCssFamilyName(name) {
+  return name.replace(/[\\"]/g, (c) => `\\${c}`).replace(/[<>&]/g, (c) => `\\${c.codePointAt(0).toString(16)} `);
+}
+async function buildFontFaceStyle(usages, fontResolver) {
+  const faces = [];
+  const jpanFallback = getJpanFallbackFont();
+  for (const [familyName, usage] of usages) {
+    const font = fontResolver.resolveFont(
+      usage.fonts[0],
+      usage.fonts[1] ?? null,
+      usage.fonts[2] ?? jpanFallback
+    );
+    if (!font) continue;
+    const buffer = await subsetFont(font, usage.chars, familyName);
+    if (!buffer) continue;
+    const base64 = Buffer2.from(buffer).toString("base64");
+    faces.push(
+      `@font-face{font-family:"${escapeCssFamilyName(familyName)}";src:url(data:font/otf;base64,${base64}) format("opentype");}`
+    );
+  }
+  if (faces.length === 0) return "";
+  return `<style type="text/css">${faces.join("")}</style>`;
+}
+
 // src/font/font-mapping.ts
 var DEFAULT_FONT_MAPPING = {
   // ラテン文字フォント
@@ -67,6 +250,40 @@ function getCurrentMappedFont(fontFamily) {
   return getMappedFont(fontFamily, currentMapping);
 }
 
+// src/font/font-usage-collector.ts
+var FontUsageCollector = class {
+  /** key: tspan の font-family リスト先頭のフォント名 (= @font-face で宣言する名前) */
+  usages = /* @__PURE__ */ new Map();
+  record(fonts, text) {
+    const primary = fonts.find((f) => f !== null && f !== void 0);
+    if (!primary || text.length === 0) return;
+    let usage = this.usages.get(primary);
+    if (!usage) {
+      usage = { fonts: [...fonts], chars: /* @__PURE__ */ new Set() };
+      this.usages.set(primary, usage);
+    }
+    for (const char of text) {
+      usage.chars.add(char);
+    }
+  }
+  getUsages() {
+    return this.usages;
+  }
+  reset() {
+    this.usages.clear();
+  }
+};
+var currentCollector = null;
+function setFontUsageCollector(collector) {
+  currentCollector = collector;
+}
+function getFontUsageCollector() {
+  return currentCollector;
+}
+function resetFontUsageCollector() {
+  currentCollector = null;
+}
+
 // src/font/opentype-helpers.ts
 import { readFile } from "fs/promises";
 
@@ -1010,65 +1227,6 @@ function measureTextWidth(text, fontSizePt, bold, fontFamily, fontFamilyEa) {
   return totalWidth;
 }
 
-// src/warning-logger.ts
-var PREFIX = "[pptx-glimpse]";
-var currentLevel = "off";
-var entries = [];
-var featureCounts = /* @__PURE__ */ new Map();
-function initWarningLogger(level) {
-  currentLevel = level;
-  entries = [];
-  featureCounts.clear();
-}
-function warn(feature, message, context) {
-  if (currentLevel === "off") return;
-  entries.push({ feature, message, ...context !== void 0 && { context } });
-  const existing = featureCounts.get(feature);
-  if (existing) {
-    existing.count++;
-  } else {
-    featureCounts.set(feature, { message, count: 1 });
-  }
-  if (currentLevel === "debug") {
-    const ctx = context ? ` (${context})` : "";
-    console.warn(`${PREFIX} SKIP: ${feature} - ${message}${ctx}`);
-  }
-}
-function debug(feature, message, context) {
-  if (currentLevel !== "debug") return;
-  entries.push({ feature, message, ...context !== void 0 && { context } });
-  const existing = featureCounts.get(feature);
-  if (existing) {
-    existing.count++;
-  } else {
-    featureCounts.set(feature, { message, count: 1 });
-  }
-  const ctx = context ? ` (${context})` : "";
-  console.warn(`${PREFIX} DEBUG: ${feature} - ${message}${ctx}`);
-}
-function getWarningSummary() {
-  const features = [];
-  for (const [feature, { message, count }] of featureCounts) {
-    features.push({ feature, message, count });
-  }
-  return { totalCount: entries.length, features };
-}
-function flushWarnings() {
-  const summary = getWarningSummary();
-  if (currentLevel !== "off" && summary.features.length > 0) {
-    console.warn(`${PREFIX} Summary: ${summary.features.length} unsupported feature(s) detected`);
-    for (const { feature, count } of summary.features) {
-      console.warn(`  - ${feature}: ${count} occurrence(s)`);
-    }
-  }
-  entries = [];
-  featureCounts.clear();
-  return summary;
-}
-function getWarningEntries() {
-  return entries;
-}
-
 // src/font/cjk-font-fallback.ts
 import { platform } from "os";
 var MACOS_FALLBACKS = {
@@ -1605,21 +1763,6 @@ async function createOpentypeSetupFromSystem(additionalFontDirs, fontMapping, sk
   return setup;
 }
 
-// src/font/script-font-context.ts
-var jpanMajorFont = null;
-var jpanMinorFont = null;
-function setScriptFonts(majorJpan, minorJpan) {
-  jpanMajorFont = majorJpan;
-  jpanMinorFont = minorJpan;
-}
-function resetScriptFonts() {
-  jpanMajorFont = null;
-  jpanMinorFont = null;
-}
-function getJpanFallbackFont() {
-  return jpanMajorFont ?? jpanMinorFont;
-}
-
 // src/font/text-measurer.ts
 var DefaultTextMeasurer = class {
   measureTextWidth(text, fontSizePt, bold, fontFamily, fontFamilyEa) {
@@ -4218,11 +4361,10 @@ function parseParagraph(p, colorResolver, rels, fontScheme, lstStyle, orderedPCh
   const lstLevelProps = lstStyle?.levels[level];
   const { bullet, bulletFont, bulletColor, bulletSizePct } = parseBullet(pPr, colorResolver);
   const lnSpc = pPr?.lnSpc;
-  const lnSpcSpcPct = lnSpc?.spcPct;
   const tabStops = parseTabStops(pPr);
   const properties = {
     alignment: pPr?.["@_algn"] ?? lstLevelProps?.alignment ?? null,
-    lineSpacing: lnSpcSpcPct ? Number(lnSpcSpcPct["@_val"]) : null,
+    lineSpacing: lnSpc?.spcPts || lnSpc?.spcPct ? parseSpacing(lnSpc) : null,
     spaceBefore: parseSpacing(pPr?.spcBef),
     spaceAfter: parseSpacing(pPr?.spcAft),
     level,
@@ -7984,7 +8126,11 @@ function renderTextBody(textBody, transform) {
     const paragraphGapPx = Math.max(prevSpaceAfterPx, spaceBeforePx);
     if (para.runs.length === 0 || !para.runs.some((r) => r.text.length > 0)) {
       const emptyParaHeightPt = paraFontSizePt > 0 ? paraFontSizePt : defaultNaturalHeightPt;
-      const dy = computeDy(isFirstLine, emptyParaHeightPt, DEFAULT_LINE_SPACING, paragraphGapPx);
+      const dy = computeDy(
+        isFirstLine,
+        getLineHeightPx(para, emptyParaHeightPt, lnSpcReduction),
+        paragraphGapPx
+      );
       tspans.push(`<tspan x="${xPos}" dy="${dy}" text-anchor="${anchorValue}"> </tspan>`);
       isFirstLine = false;
       prevSpaceAfterPx = resolveSpacingPx(para.properties.spaceAfter, paraFontSizePt);
@@ -8003,8 +8149,7 @@ function renderTextBody(textBody, transform) {
         if (line.segments.length === 0) {
           const dy = computeDy(
             isFirstLine,
-            defaultNaturalHeightPt,
-            getLineSpacing(para, lnSpcReduction),
+            getLineHeightPx(para, defaultNaturalHeightPt, lnSpcReduction),
             lineGapPx
           );
           tspans.push(`<tspan x="${xPos}" dy="${dy}" text-anchor="${anchorValue}"> </tspan>`);
@@ -8020,11 +8165,22 @@ function renderTextBody(textBody, transform) {
           );
           const dy = computeDy(
             isFirstLine,
-            lineNaturalHeightPt,
-            getLineSpacing(para, lnSpcReduction),
+            getLineHeightPx(para, lineNaturalHeightPt, lnSpcReduction),
             paragraphGapPx
           );
-          const bulletStyles = buildBulletStyleAttrs(para.properties, lineFontSize, fontScale);
+          const firstSeg = line.segments[0];
+          const bulletFontChain = buildBulletFontChain(
+            para.properties,
+            firstSeg?.properties.fontFamily,
+            firstSeg?.properties.fontFamilyEa
+          );
+          const bulletStyles = buildBulletStyleAttrs(
+            para.properties,
+            lineFontSize,
+            fontScale,
+            bulletFontChain
+          );
+          getFontUsageCollector()?.record(bulletFontChain, bulletText);
           tspans.push(
             `<tspan x="${bulletX}" dy="${dy}" text-anchor="start" ${bulletStyles}>${escapeXml2(bulletText)}</tspan>`
           );
@@ -8044,8 +8200,7 @@ function renderTextBody(textBody, transform) {
               );
               const dy = computeDy(
                 isFirstLine,
-                lineNaturalHeightPt,
-                getLineSpacing(para, lnSpcReduction),
+                getLineHeightPx(para, lineNaturalHeightPt, lnSpcReduction),
                 lineGapPx
               );
               const prefix = `x="${xPos}" dy="${dy}" text-anchor="${anchorValue}" `;
@@ -8065,11 +8220,21 @@ function renderTextBody(textBody, transform) {
         const naturalHeightPt = computeLineNaturalHeight(para.runs, defaultFontSize, fontScale);
         const dy = computeDy(
           isFirstLine,
-          naturalHeightPt,
-          getLineSpacing(para, lnSpcReduction),
+          getLineHeightPx(para, naturalHeightPt, lnSpcReduction),
           paragraphGapPx
         );
-        const bulletStyles = buildBulletStyleAttrs(para.properties, fontSize, fontScale);
+        const bulletFontChain = buildBulletFontChain(
+          para.properties,
+          firstRun?.properties.fontFamily,
+          firstRun?.properties.fontFamilyEa
+        );
+        const bulletStyles = buildBulletStyleAttrs(
+          para.properties,
+          fontSize,
+          fontScale,
+          bulletFontChain
+        );
+        getFontUsageCollector()?.record(bulletFontChain, bulletText);
         tspans.push(
           `<tspan x="${bulletX}" dy="${dy}" text-anchor="start" ${bulletStyles}>${escapeXml2(bulletText)}</tspan>`
         );
@@ -8085,8 +8250,7 @@ function renderTextBody(textBody, transform) {
             const naturalHeightPt = computeLineNaturalHeight(para.runs, defaultFontSize, fontScale);
             const dy = computeDy(
               isFirstLine,
-              naturalHeightPt,
-              getLineSpacing(para, lnSpcReduction),
+              getLineHeightPx(para, naturalHeightPt, lnSpcReduction),
               paragraphGapPx
             );
             const prefix = `x="${xPos}" dy="${dy}" text-anchor="${anchorValue}" `;
@@ -8204,14 +8368,18 @@ function toAlpha(num) {
   }
   return result;
 }
-function buildBulletStyleAttrs(props, textFontSizePt, fontScale) {
+function buildBulletFontChain(props, runFontFamily, runFontFamilyEa) {
+  return [props.bulletFont, runFontFamily ?? null, runFontFamilyEa ?? null];
+}
+function buildBulletStyleAttrs(props, textFontSizePt, fontScale, bulletFontChain) {
   const styles = [];
   if (props.bulletSizePct !== null) {
     const size = textFontSizePt * (props.bulletSizePct / 1e5);
     styles.push(`font-size="${size}pt"`);
   }
-  if (props.bulletFont) {
-    styles.push(`font-family="${escapeXml2(props.bulletFont)}"`);
+  const fontFamilyValue = buildFontFamilyValue(bulletFontChain);
+  if (fontFamilyValue) {
+    styles.push(`font-family="${fontFamilyValue}"`);
   }
   if (props.bulletColor) {
     styles.push(`fill="${props.bulletColor.hex}"`);
@@ -8232,15 +8400,13 @@ function getAlignmentInfo(alignment, marginLeftPx, textWidth, width, marginRight
       return { xPos: marginLeftPx, anchorValue: "start" };
   }
 }
-function getLineSpacing(para, lnSpcReduction = 0) {
-  let spacing;
-  if (para.properties.lineSpacing !== null) {
-    const factor = para.properties.lineSpacing / 1e5;
-    spacing = Math.max(0.5, factor);
-  } else {
-    spacing = DEFAULT_LINE_SPACING;
+function getLineHeightPx(para, naturalHeightPt, lnSpcReduction = 0) {
+  const lineSpacing = para.properties.lineSpacing;
+  if (lineSpacing?.type === "pts") {
+    return lineSpacing.value / 100 * PX_PER_PT3 * (1 - lnSpcReduction);
   }
-  return spacing * (1 - lnSpcReduction);
+  const factor = lineSpacing !== null ? Math.max(0.5, lineSpacing.value / 1e5) : DEFAULT_LINE_SPACING;
+  return naturalHeightPt * PX_PER_PT3 * factor * (1 - lnSpcReduction);
 }
 function resolveSpacingPx(spacing, fontSizePt) {
   if (spacing.type === "pts") {
@@ -8259,11 +8425,9 @@ function getParagraphFontSize(para, defaultFontSize) {
   }
   return defaultFontSize;
 }
-function computeDy(isFirstLine, fontSizePt, lineSpacingFactor, paragraphGapPx) {
+function computeDy(isFirstLine, lineHeightPx, paragraphGapPx) {
   if (isFirstLine) return "0";
-  const lineHeight = fontSizePt * PX_PER_PT3 * lineSpacingFactor;
-  const dy = lineHeight + paragraphGapPx;
-  return dy.toFixed(2);
+  return (lineHeightPx + paragraphGapPx).toFixed(2);
 }
 function getLineFontSize(segments, defaultFontSize) {
   for (const seg of segments) {
@@ -8395,6 +8559,7 @@ function renderSegment(text, props, fontScale, prefix) {
   let tspanContent;
   if (!needsScriptSplit(props)) {
     const styles = buildStyleAttrs(props, fontScale);
+    getFontUsageCollector()?.record([props.fontFamily, props.fontFamilyEa], text);
     tspanContent = `<tspan ${prefix}${styles}>${escapeXml2(text)}</tspan>`;
   } else {
     const parts = splitByScript(text);
@@ -8403,6 +8568,7 @@ function renderSegment(text, props, fontScale, prefix) {
       const part = parts[i];
       const fonts = part.isEa ? [props.fontFamilyEa, getJpanFallbackFont(), props.fontFamily] : [props.fontFamily, props.fontFamilyEa];
       const styles = buildStyleAttrs(props, fontScale, fonts);
+      getFontUsageCollector()?.record(fonts, part.text);
       if (i === 0) {
         result.push(`<tspan ${prefix}${styles}>${escapeXml2(part.text)}</tspan>`);
       } else {
@@ -8497,10 +8663,13 @@ function estimateTextHeight(paragraphs, defaultFontSize, shouldWrap, textWidth,
   const scaledDefaultForWrap = defaultFontSize * fontScale;
   for (let pIdx = 0; pIdx < paragraphs.length; pIdx++) {
     const para = paragraphs[pIdx];
-    const lineSpacing = getLineSpacing(para, lnSpcReduction);
     const isEmpty = !para.runs.some((r) => r.text.length > 0);
     const naturalHeightPt = isEmpty && para.endParaRunProperties?.fontSize ? para.endParaRunProperties.fontSize * fontScale * defaultRatio : computeLineNaturalHeight(para.runs, defaultFontSize, fontScale);
-    const lineHeight = (naturalHeightPt > 0 ? naturalHeightPt : defaultFontSize * fontScale * defaultRatio) * PX_PER_PT3 * lineSpacing;
+    const lineHeight = getLineHeightPx(
+      para,
+      naturalHeightPt > 0 ? naturalHeightPt : defaultFontSize * fontScale * defaultRatio,
+      lnSpcReduction
+    );
     let lineCount;
     if (shouldWrap && para.runs.length > 0 && para.runs.some((r) => r.text.length > 0)) {
       const wrappedLines = wrapParagraph(para, textWidth, scaledDefaultForWrap, fontScale);
@@ -8767,7 +8936,7 @@ function renderTextBodyAsPath(textBody, transform, fontResolver) {
     if (para.runs.length === 0 || !para.runs.some((r) => r.text.length > 0)) {
       if (!isFirstLine) {
         const emptyParaHeightPt = paraFontSizePt > 0 ? paraFontSizePt : defaultNaturalHeightPt;
-        currentY += emptyParaHeightPt * PX_PER_PT3 * DEFAULT_LINE_SPACING + paragraphGapPx;
+        currentY += getLineHeightPx(para, emptyParaHeightPt, lnSpcReduction) + paragraphGapPx;
       }
       isFirstLine = false;
       prevSpaceAfterPx = resolveSpacingPx(para.properties.spaceAfter, paraFontSizePt);
@@ -8785,7 +8954,7 @@ function renderTextBodyAsPath(textBody, transform, fontResolver) {
         const lineGapPx = lineIdx === 0 ? paragraphGapPx : 0;
         if (line.segments.length === 0) {
           if (!isFirstLine) {
-            currentY += defaultNaturalHeightPt * PX_PER_PT3 * getLineSpacing(para, lnSpcReduction) + lineGapPx;
+            currentY += getLineHeightPx(para, defaultNaturalHeightPt, lnSpcReduction) + lineGapPx;
           }
           isFirstLine = false;
           continue;
@@ -8796,7 +8965,7 @@ function renderTextBodyAsPath(textBody, transform, fontResolver) {
           fontScale
         );
         if (!isFirstLine) {
-          currentY += lineNaturalHeightPt * PX_PER_PT3 * getLineSpacing(para, lnSpcReduction) + lineGapPx;
+          currentY += getLineHeightPx(para, lineNaturalHeightPt, lnSpcReduction) + lineGapPx;
         }
         const lineWidth = measureLineWidth(line.segments, defaultFontSize, fontScale, fontResolver);
         const lineStartX = computePathLineX(
@@ -8844,7 +9013,7 @@ function renderTextBodyAsPath(textBody, transform, fontResolver) {
     } else {
       const naturalHeightPt = computeLineNaturalHeight(para.runs, defaultFontSize, fontScale);
       if (!isFirstLine) {
-        currentY += naturalHeightPt * PX_PER_PT3 * getLineSpacing(para, lnSpcReduction) + paragraphGapPx;
+        currentY += getLineHeightPx(para, naturalHeightPt, lnSpcReduction) + paragraphGapPx;
       }
       const runsAsSegments = para.runs.filter((r) => r.text.length > 0).map((r) => ({ text: r.text, properties: r.properties }));
       const lineWidth = measureLineWidth(runsAsSegments, defaultFontSize, fontScale, fontResolver);
@@ -9183,6 +9352,7 @@ function escapeXmlAttr(str) {
 
 // src/converter.ts
 async function convertPptxToSvg(input, options) {
+  const textOutput = options?.textOutput ?? "path";
   const setup = await createOpentypeSetupFromSystem(
     options?.fontDirs,
     options?.fontMapping,
@@ -9190,7 +9360,13 @@ async function convertPptxToSvg(input, options) {
   );
   if (setup) {
     setTextMeasurer(setup.measurer);
-    setTextPathFontResolver(setup.fontResolver);
+    if (textOutput !== "text") {
+      setTextPathFontResolver(setup.fontResolver);
+    }
+  }
+  const fontUsageCollector = textOutput === "text" ? new FontUsageCollector() : null;
+  if (fontUsageCollector) {
+    setFontUsageCollector(fontUsageCollector);
   }
   setFontMapping(createFontMapping(options?.fontMapping));
   enableXmlCache();
@@ -9209,7 +9385,14 @@ async function convertPptxToSvg(input, options) {
       const { slide, layoutElements, layoutShowMasterSp, masterElements } = parsed;
       const effectiveMasterElements = slide.showMasterSp && layoutShowMasterSp ? masterElements : [];
       slide.elements = mergeElements(effectiveMasterElements, layoutElements, slide.elements);
-      const svg = renderSlideToSvg(slide, data.presInfo.slideSize);
+      fontUsageCollector?.reset();
+      let svg = renderSlideToSvg(slide, data.presInfo.slideSize);
+      if (fontUsageCollector && setup) {
+        const style = await buildFontFaceStyle(fontUsageCollector.getUsages(), setup.fontResolver);
+        if (style) {
+          svg = injectIntoSvgDefs(svg, style);
+        }
+      }
       results.push({ slideNumber, svg });
     }
     flushWarnings();
@@ -9218,10 +9401,16 @@ async function convertPptxToSvg(input, options) {
     clearXmlCache();
     resetTextMeasurer();
     resetTextPathFontResolver();
+    resetFontUsageCollector();
     resetFontMapping();
     resetScriptFonts();
   }
 }
+function injectIntoSvgDefs(svg, content) {
+  const openTagEnd = svg.indexOf(">");
+  if (openTagEnd === -1) return svg;
+  return `${svg.slice(0, openTagEnd + 1)}<defs>${content}</defs>${svg.slice(openTagEnd + 1)}`;
+}
 var cachedFontBuffers = null;
 var cachedFontBuffersKey = null;
 var MAX_TOTAL_FONT_BUFFER_BYTES = 100 * 1024 * 1024;
@@ -9259,7 +9448,7 @@ ${skipSystemFonts ?? false}`;
   return buffers;
 }
 async function convertPptxToPng(input, options) {
-  const svgResults = await convertPptxToSvg(input, options);
+  const svgResults = await convertPptxToSvg(input, { ...options, textOutput: "path" });
   const width = options?.width ?? DEFAULT_OUTPUT_WIDTH;
   const height = options?.height;
   const fontBuffers = loadFontBuffers(options?.fontDirs, options?.skipSystemFonts);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pptx-glimpse",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "description": "A lightweight JavaScript library for rendering PowerPoint (.pptx) files as SVG or PNG in Node.js. No LibreOffice required.",
   "type": "module",
   "main": "./dist/index.cjs",