pptx-glimpse 1.0.1 → 1.1.0

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) {
@@ -8062,7 +8205,19 @@ function renderTextBody(textBody, transform) {
             getLineSpacing(para, 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>`
           );
@@ -8107,7 +8262,18 @@ function renderTextBody(textBody, transform) {
           getLineSpacing(para, 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>`
         );
@@ -8242,14 +8408,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}"`);
@@ -8433,6 +8603,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 +8612,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 {
@@ -9221,6 +9393,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 +9401,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 +9426,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 +9442,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 +9489,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) {
@@ -8024,7 +8167,19 @@ function renderTextBody(textBody, transform) {
             getLineSpacing(para, 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>`
           );
@@ -8069,7 +8224,18 @@ function renderTextBody(textBody, transform) {
           getLineSpacing(para, 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>`
         );
@@ -8204,14 +8370,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}"`);
@@ -8395,6 +8565,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 +8574,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 {
@@ -9183,6 +9355,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 +9363,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 +9388,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 +9404,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 +9451,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.0",
   "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",