@office-kit/pptx-preview 0.15.0 → 0.16.0

package/README.md

@@ -42,6 +42,28 @@ const svg = renderSlideToSvg(pres, getSlides(pres)[0]);
 // → '<svg …>…</svg>'  (text laid out via <foreignObject> — the browser wraps it)
 ```
 
+Pass `{ textLayout: 'svg', measureText }` to lay text out as pure SVG
+`<text>` instead of `<foreignObject>` (for example when the SVG is shown as an
+`<img>` or sanitized). In that mode each run's font is replaced with one of the
+bundled metric-compatible substitutes (`substituteFamily`: Carlito, Caladea,
+Liberation Sans / Serif / Mono). To keep a family the viewer can load — say
+through `@font-face` rules you embed in the SVG — pass `resolveFamily`, and a
+`measureText` that knows that font's metrics so line breaks match its glyphs
+(in a browser, for example, one that wraps `CanvasRenderingContext2D.measureText`
+once the font has loaded). Return a single family name; the renderer quotes it
+in the SVG when CSS requires that:
+
+```ts
+import { renderSlideToSvg, substituteFamily } from '@office-kit/pptx-preview';
+
+const svg = renderSlideToSvg(pres, slide, {
+  textLayout: 'svg',
+  measureText,
+  resolveFamily: (family) =>
+    family === 'Lora' || family === 'Inter' ? family : substituteFamily(family),
+});
+```
+
 `renderSlideLayoutToSvg(pres, layout, { master })` draws what a slide master
 editor shows behind the placeholders: the layout's background and decorative
 shapes over its master's (the master's are left out when the layout hides

package/dist/{index-74n14k3Y.d.ts → index-D1r4NkUr.d.ts}

@@ -2,8 +2,10 @@ import { BulletStyle, PresentationData, SlideData, SlideLayoutData, SlideShapeDa
 
 //#region src/text-layout.d.ts
 /** What a measurer needs to size one run. Pixels at 96 DPI; the caller has
- *  already applied EMU→px, pt→px and the autofit fontScale. `family` is the
- *  resolved internal family name (see `substituteFamily`), not a CSS list. */
+ *  already applied EMU→px, pt→px and the autofit fontScale. `family` is a
+ *  single family name, not a CSS list: what `RenderSlideOptions.resolveFamily`
+ *  returned, by default a bundled substitute (see `substituteFamily`). The
+ *  text audit passes the authored name instead. */
 interface FontSpec {
   readonly family: string;
   readonly sizePx: number;
@@ -45,6 +47,17 @@ interface RenderSlideOptions {
   /** `false` paints only the slide's own shapes on a transparent surface:
    *  no background fill and no master or layout graphics. Defaults to `true`. */
   readonly background?: boolean;
+  /** Maps an authored font name (a run's font, a bullet font, or the theme
+   *  face; `null` when none applies) to the family written to the SVG's
+   *  `<text font-family>` and handed to `measureText`. Return one family name,
+   *  unquoted; the renderer quotes it in the SVG when CSS requires that. Only consulted when
+   *  `textLayout` is `'svg'`; the foreignObject path writes the authored name
+   *  into a CSS font stack itself. Defaults to `substituteFamily`, which maps
+   *  every family to one of the bundled metric-compatible substitutes. Keep a
+   *  family only when the SVG's viewer can load it (for example through an
+   *  `@font-face` rule the host embeds), and pair it with a `measureText` that
+   *  knows its metrics so line breaks match the glyphs. */
+  readonly resolveFamily?: (family: string | null) => string;
 }
 declare const SANS = "Carlito";
 declare const SERIF = "Caladea";
@@ -226,7 +239,9 @@ interface ShapeAutoFitScaleOptions {
   };
   /** Measurer for run widths, defaulting to the heuristic one the renderer
    *  uses in a browser. Pass the same measurer the render call uses, or the
-   *  two disagree about how much text fits. */
+   *  two disagree about how much text fits. Families are resolved with
+   *  `substituteFamily`, as the foreignObject render does; an svg render
+   *  with its own `resolveFamily` can measure a different face. */
   readonly measureText?: TextMeasurer;
 }
 /**
@@ -257,4 +272,4 @@ declare function shapeTextAnchorOffset(pres: PresentationData, shape: SlideShape
 declare function textUnderlineStyle(underline: TextFormat['underline'], color: string, includeDecorationColor?: boolean): string;
 //#endregion
 export { substituteFamily as A, RenderSlideOptions as C, TextLayoutMode as D, TIMES as E, TextMeasurer as O, MeasureResult as S, SERIF as T, renderSlideSvg as _, VerticalTextStyle as a, FontSpec as b, TextRectFractions as c, decimalSeparatorOf as d, paragraphNumberLabels as f, renderSlideLayoutSvg as g, auditTextLayout as h, shapeTextAnchorOffset as i, defaultMeasurer as k, resolveTextBodyRect as l, TextAuditIssue as m, ShapeAutoFitScaleOptions as n, textColumnsStyle as o, AuditTextLayoutOptions as p, shapeAutoFitScale as r, verticalTextStyle as s, textUnderlineStyle as t, shapeTextRect as u, renderTextEffectsSvg as v, SANS as w, MONO as x, ARIAL as y };
-//# sourceMappingURL=index-74n14k3Y.d.ts.map
+//# sourceMappingURL=index-D1r4NkUr.d.ts.map

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-import { A as substituteFamily, C as RenderSlideOptions, D as TextLayoutMode, E as TIMES, O as TextMeasurer, S as MeasureResult, T as SERIF, _ as renderSlideSvg, a as VerticalTextStyle, b as FontSpec, c as TextRectFractions, d as decimalSeparatorOf, f as paragraphNumberLabels, g as renderSlideLayoutSvg, h as auditTextLayout, i as shapeTextAnchorOffset, k as defaultMeasurer, l as resolveTextBodyRect, m as TextAuditIssue, n as ShapeAutoFitScaleOptions, o as textColumnsStyle, p as AuditTextLayoutOptions, r as shapeAutoFitScale, s as verticalTextStyle, t as textUnderlineStyle, u as shapeTextRect, v as renderTextEffectsSvg, w as SANS, x as MONO, y as ARIAL } from "./index-74n14k3Y.js";
+import { A as substituteFamily, C as RenderSlideOptions, D as TextLayoutMode, E as TIMES, O as TextMeasurer, S as MeasureResult, T as SERIF, _ as renderSlideSvg, a as VerticalTextStyle, b as FontSpec, c as TextRectFractions, d as decimalSeparatorOf, f as paragraphNumberLabels, g as renderSlideLayoutSvg, h as auditTextLayout, i as shapeTextAnchorOffset, k as defaultMeasurer, l as resolveTextBodyRect, m as TextAuditIssue, n as ShapeAutoFitScaleOptions, o as textColumnsStyle, p as AuditTextLayoutOptions, r as shapeAutoFitScale, s as verticalTextStyle, t as textUnderlineStyle, u as shapeTextRect, v as renderTextEffectsSvg, w as SANS, x as MONO, y as ARIAL } from "./index-D1r4NkUr.js";
 export { ARIAL, type AuditTextLayoutOptions, type FontSpec, MONO, type MeasureResult, type RenderSlideOptions, SANS, SERIF, type ShapeAutoFitScaleOptions, TIMES, type TextAuditIssue, type TextLayoutMode, type TextMeasurer, type TextRectFractions, type VerticalTextStyle, auditTextLayout, decimalSeparatorOf, defaultMeasurer, paragraphNumberLabels, renderSlideLayoutSvg as renderSlideLayoutToSvg, renderSlideSvg as renderSlideToSvg, renderTextEffectsSvg, resolveTextBodyRect, shapeAutoFitScale, shapeTextAnchorOffset, shapeTextRect, substituteFamily, textColumnsStyle, textUnderlineStyle, verticalTextStyle };

package/dist/index.js

@@ -1,2 +1,2 @@
-import { S as shapeTextRect, _ as paragraphNumberLabels, a as renderSlideSvg, b as verticalTextStyle, d as SERIF, f as TIMES, g as decimalSeparatorOf, h as substituteFamily, i as renderSlideLayoutSvg, l as MONO, n as shapeTextAnchorOffset, o as renderTextEffectsSvg, p as defaultMeasurer, r as auditTextLayout, s as ARIAL, t as shapeAutoFitScale, u as SANS, v as textUnderlineStyle, x as resolveTextBodyRect, y as textColumnsStyle } from "./src-pb3C61GD.js";
+import { S as shapeTextRect, _ as paragraphNumberLabels, a as renderSlideSvg, b as verticalTextStyle, d as SERIF, f as TIMES, g as decimalSeparatorOf, h as substituteFamily, i as renderSlideLayoutSvg, l as MONO, n as shapeTextAnchorOffset, o as renderTextEffectsSvg, p as defaultMeasurer, r as auditTextLayout, s as ARIAL, t as shapeAutoFitScale, u as SANS, v as textUnderlineStyle, x as resolveTextBodyRect, y as textColumnsStyle } from "./src-u1-ERSHC.js";
 export { ARIAL, MONO, SANS, SERIF, TIMES, auditTextLayout, decimalSeparatorOf, defaultMeasurer, paragraphNumberLabels, renderSlideLayoutSvg as renderSlideLayoutToSvg, renderSlideSvg as renderSlideToSvg, renderTextEffectsSvg, resolveTextBodyRect, shapeAutoFitScale, shapeTextAnchorOffset, shapeTextRect, substituteFamily, textColumnsStyle, textUnderlineStyle, verticalTextStyle };

package/dist/node.d.ts

@@ -1,4 +1,4 @@
-import { A as substituteFamily, C as RenderSlideOptions, D as TextLayoutMode, E as TIMES, O as TextMeasurer, S as MeasureResult, T as SERIF, _ as renderSlideSvg, a as VerticalTextStyle, b as FontSpec, c as TextRectFractions, d as decimalSeparatorOf, f as paragraphNumberLabels, g as renderSlideLayoutSvg, h as auditTextLayout, i as shapeTextAnchorOffset, k as defaultMeasurer, l as resolveTextBodyRect, m as TextAuditIssue, n as ShapeAutoFitScaleOptions, o as textColumnsStyle, p as AuditTextLayoutOptions, r as shapeAutoFitScale, s as verticalTextStyle, t as textUnderlineStyle, u as shapeTextRect, v as renderTextEffectsSvg, w as SANS, x as MONO, y as ARIAL } from "./index-74n14k3Y.js";
+import { A as substituteFamily, C as RenderSlideOptions, D as TextLayoutMode, E as TIMES, O as TextMeasurer, S as MeasureResult, T as SERIF, _ as renderSlideSvg, a as VerticalTextStyle, b as FontSpec, c as TextRectFractions, d as decimalSeparatorOf, f as paragraphNumberLabels, g as renderSlideLayoutSvg, h as auditTextLayout, i as shapeTextAnchorOffset, k as defaultMeasurer, l as resolveTextBodyRect, m as TextAuditIssue, n as ShapeAutoFitScaleOptions, o as textColumnsStyle, p as AuditTextLayoutOptions, r as shapeAutoFitScale, s as verticalTextStyle, t as textUnderlineStyle, u as shapeTextRect, v as renderTextEffectsSvg, w as SANS, x as MONO, y as ARIAL } from "./index-D1r4NkUr.js";
 import { PresentationData, SlideData } from "@office-kit/pptx";
 
 //#region src/measure.d.ts

package/dist/node.js

@@ -1,4 +1,4 @@
-import { S as shapeTextRect, _ as paragraphNumberLabels, a as renderSlideSvg, b as verticalTextStyle, c as AVG_GLYPH_W_RATIO, d as SERIF, f as TIMES, g as decimalSeparatorOf, h as substituteFamily, i as renderSlideLayoutSvg, l as MONO, m as isCjk, n as shapeTextAnchorOffset, o as renderTextEffectsSvg, p as defaultMeasurer, r as auditTextLayout, s as ARIAL, t as shapeAutoFitScale, u as SANS, v as textUnderlineStyle, x as resolveTextBodyRect, y as textColumnsStyle } from "./src-pb3C61GD.js";
+import { S as shapeTextRect, _ as paragraphNumberLabels, a as renderSlideSvg, b as verticalTextStyle, c as AVG_GLYPH_W_RATIO, d as SERIF, f as TIMES, g as decimalSeparatorOf, h as substituteFamily, i as renderSlideLayoutSvg, l as MONO, m as isCjk, n as shapeTextAnchorOffset, o as renderTextEffectsSvg, p as defaultMeasurer, r as auditTextLayout, s as ARIAL, t as shapeAutoFitScale, u as SANS, v as textUnderlineStyle, x as resolveTextBodyRect, y as textColumnsStyle } from "./src-u1-ERSHC.js";
 import { getSlideSize } from "@office-kit/pptx";
 import { Resvg } from "@resvg/resvg-js";
 import * as fontkit from "fontkit";

package/dist/{src-pb3C61GD.js → src-u1-ERSHC.js}

@@ -564,6 +564,8 @@ const escapeXml$1 = (s) => s.replace(/[&<>"]/g, (c) => ({
 	">": "&gt;",
 	"\"": "&quot;"
 })[c] ?? c);
+const CSS_IDENT = /^-?[A-Za-z_\u0080-\u{10FFFF}][\w\u0080-\u{10FFFF}-]*$/u;
+const cssFamilyName = (family) => family.split(" ").every((word) => CSS_IDENT.test(word)) ? family : `"${family.replace(/["\\]/g, "\\$&")}"`;
 const fmt = (n) => {
 	const r = Math.round(n * 100) / 100;
 	return Object.is(r, -0) ? "0" : String(r);
@@ -1015,7 +1017,7 @@ const emitPlacements = (placements, effectsOnly = false, effectKind = "all") =>
 		if (line.bullet && !effectsOnly) {
 			const b = line.bullet.b;
 			if (b.imageHref) parts.push(`<image x="${fmt(line.bullet.x + dx + GRID_NUDGE_X)}" y="${fmt(baselineY - b.sizePx)}" width="${fmt(b.sizePx)}" height="${fmt(b.sizePx)}" href="${b.imageHref}" xlink:href="${b.imageHref}" preserveAspectRatio="xMidYMid meet"/>`);
-			else parts.push(`<text x="${fmt(line.bullet.x + dx + GRID_NUDGE_X)}" y="${fmt(baselineY)}" font-family="${escapeXml$1(b.family)}" font-size="${fmt(b.sizePx)}" fill="${b.fillHex}" xml:space="preserve">${escapeXml$1(b.text)}</text>`);
+			else parts.push(`<text x="${fmt(line.bullet.x + dx + GRID_NUDGE_X)}" y="${fmt(baselineY)}" font-family="${escapeXml$1(b.cssFamily ?? b.family)}" font-size="${fmt(b.sizePx)}" fill="${b.fillHex}" xml:space="preserve">${escapeXml$1(b.text)}</text>`);
 		}
 		parts.push(emitLine(line, baselineY, dx, line.descent, (kind) => nextEffectId(kind), effectsOnly, effectKind));
 	}
@@ -1376,7 +1378,7 @@ const tspan = (g) => {
 	const p = g.piece;
 	const sizePx = renderedSizePxOf(p);
 	const attrs = [
-		`font-family="${escapeXml$1(p.family)}"`,
+		`font-family="${escapeXml$1(p.cssFamily ?? p.family)}"`,
 		`font-size="${fmt(sizePx)}"`,
 		`fill="${p.fillHex}"`
 	];
@@ -1714,6 +1716,10 @@ const DEFAULT_BODY_PT = 18;
 const DEFAULT_TITLE_PT = 44;
 const DEFAULT_FONT = "Calibri, 'Helvetica Neue', Arial, sans-serif";
 const browserFontFamily = (family) => family ? `${JSON.stringify(family)}, ${DEFAULT_FONT}` : DEFAULT_FONT;
+const BROWSER_FAMILIES = {
+	resolveFamily: browserFontFamily,
+	familyIsCssList: true
+};
 const DEFAULT_BULLET_FONT = "Arial";
 const DEFAULT_INSET_X = 91440;
 const DEFAULT_INSET_Y = 45720;
@@ -2557,6 +2563,13 @@ const smallCapsParts = (text, base) => {
 	flush();
 	return parts;
 };
+const faceOf = (a, font) => {
+	const family = (a.resolveFamily ?? substituteFamily)(font);
+	return a.familyIsCssList ? { family } : {
+		family,
+		cssFamily: cssFamilyName(family)
+	};
+};
 const buildSvgTextInput = (a) => {
 	const scale = a.autoFitScale;
 	const paragraphs = a.paraData.map((para, pi) => {
@@ -2565,7 +2578,7 @@ const buildSvgTextInput = (a) => {
 			if (run.text === "\n") {
 				pieces.push({
 					...breakPiece(),
-					family: (a.resolveFamily ?? substituteFamily)(run.fmt?.font ?? a.themeFace),
+					...faceOf(a, run.fmt?.font ?? a.themeFace),
 					sizePx: run.sizePt * scale * PX_PER_PT,
 					bold: run.fmt?.bold ?? false,
 					italic: run.fmt?.italic ?? false
@@ -2581,7 +2594,7 @@ const buildSvgTextInput = (a) => {
 					underline: fmt?.underline ?? true
 				};
 			}
-			const family = (a.resolveFamily ?? substituteFamily)(fmt?.font ?? a.themeFace);
+			const face = faceOf(a, fmt?.font ?? a.themeFace);
 			const sizePx = run.sizePt * scale * PX_PER_PT;
 			const fillHex = fmt?.color !== void 0 && fmt.color !== null ? resolveColor(fmt.color, a.theme, "#000000") : a.defaultColor;
 			const baseline = fmt?.baseline ?? 0;
@@ -2590,7 +2603,7 @@ const buildSvgTextInput = (a) => {
 			const cap = fmt?.cap;
 			const caps = cap === "all" || cap === "small";
 			const base = {
-				family,
+				...face,
 				sizePx,
 				bold: fmt?.bold ?? false,
 				italic: fmt?.italic ?? false,
@@ -2736,10 +2749,9 @@ const buildBullet = (a, para, pi) => {
 	const baseSizePx = (para.runs.find((r) => r.text !== "\n" && r.text !== "")?.sizePt ?? a.defaultPt) * PX_PER_PT * a.autoFitScale;
 	const sizePx = para.bulletDetail.sizePct !== null ? baseSizePx * para.bulletDetail.sizePct : para.bulletDetail.sizePts !== null ? para.bulletDetail.sizePts * PX_PER_PT * a.autoFitScale : baseSizePx;
 	const fillHex = bulletFillOf(para, a.theme, a.defaultColor);
-	const bulletFont = para.bulletDetail.fontFollowText ? para.runs.find((r) => r.text !== "\n" && r.text !== "")?.fmt?.font ?? DEFAULT_BULLET_FONT : para.bulletDetail.font ?? DEFAULT_BULLET_FONT;
 	return {
 		text: char,
-		family: (a.resolveFamily ?? substituteFamily)(bulletFont),
+		...faceOf(a, para.bulletDetail.fontFollowText ? para.runs.find((r) => r.text !== "\n" && r.text !== "")?.fmt?.font ?? DEFAULT_BULLET_FONT : para.bulletDetail.font ?? DEFAULT_BULLET_FONT),
 		sizePx,
 		fillHex,
 		...para.bulletImageHref ? { imageHref: para.bulletImageHref } : {}
@@ -2750,7 +2762,7 @@ const bulletFillOf = (para, theme, defaultColor) => {
 	const runColor = para.runs.find((r) => r.text !== "\n" && r.text !== "")?.fmt?.color;
 	return runColor === void 0 || runColor === null ? defaultColor : resolveColor(runColor, theme, defaultColor);
 };
-const resolveTextBodyModel = (pres, shape, bounds, theme, phType, measure, defaultColor, useSvgTextRect = false) => {
+const resolveTextBodyModel = (pres, shape, bounds, theme, phType, measure, defaultColor, useSvgTextRect = false, resolveFamily = substituteFamily) => {
 	let paragraphCount;
 	try {
 		paragraphCount = getShapeParagraphCount(shape);
@@ -2969,7 +2981,8 @@ const resolveTextBodyModel = (pres, shape, bounds, theme, phType, measure, defau
 			innerH: fitRect.h,
 			measure,
 			vert: fitVert,
-			columns: fitColumns
+			columns: fitColumns,
+			resolveFamily
 		};
 		let s = 1;
 		while (s > AUTOFIT_FLOOR) {
@@ -3009,6 +3022,7 @@ const resolveTextBodyModel = (pres, shape, bounds, theme, phType, measure, defau
 			measure,
 			vert,
 			autoFitScale,
+			resolveFamily,
 			columns: vert === "none" && cols && cols.count >= 2 ? {
 				count: cols.count,
 				gapPx: cols.gapEmu !== void 0 ? cols.gapEmu / EMU_PER_PX : 0
@@ -3126,7 +3140,7 @@ const renderHtmlParagraphs = (paraData, numberLabels, theme, autoFitScale, defau
 	return paragraphs;
 };
 const renderTextBody = (pres, shape, bounds, theme, phType, ctx, output = "body") => {
-	const model = resolveTextBodyModel(pres, shape, bounds, theme, phType, ctx.measure, activeDeckTextColor, ctx.mode === "svg" && output === "body");
+	const model = resolveTextBodyModel(pres, shape, bounds, theme, phType, ctx.measure, activeDeckTextColor, ctx.mode === "svg" && output === "body", ctx.resolveFamily);
 	if (model === null) return "";
 	const bevel = textBevelOf(getShapeText3D(shape));
 	const { paraData, numberLabels, authoredAutofit, autoFitScale, defaultPt, themeFace, effectiveDefaultFont, effectiveBody, anchor, innerX, innerY, innerW, innerH, svgTextRect } = model;
@@ -3162,7 +3176,7 @@ const renderTextBody = (pres, shape, bounds, theme, phType, ctx, output = "body"
 			innerW: vInnerW,
 			innerH: vInnerH,
 			measure: ctx.mode === "svg" ? ctx.measure : browserTextMeasurer() ?? ctx.measure,
-			...ctx.mode === "foreignObject" ? { resolveFamily: browserFontFamily } : {},
+			...ctx.mode === "foreignObject" ? BROWSER_FAMILIES : { resolveFamily: ctx.resolveFamily },
 			vert: svgVert,
 			columns: svgColumns,
 			bevel
@@ -3172,7 +3186,7 @@ const renderTextBody = (pres, shape, bounds, theme, phType, ctx, output = "body"
 				...svgArgsBase,
 				autoFitScale: authoredAutofit ? autoFitScale : 1,
 				effectsOnly: true,
-				resolveFamily: browserFontFamily
+				...BROWSER_FAMILIES
 			};
 			const effects = [
 				paraData.some((para) => para.runs.some((run) => run.fmt?.reflection != null)) ? buildAndLayoutSvgText({
@@ -3253,7 +3267,7 @@ const renderTextBody = (pres, shape, bounds, theme, phType, ctx, output = "body"
 			vert: svgVert,
 			columns: null,
 			effectsOnly: true,
-			resolveFamily: browserFontFamily,
+			...BROWSER_FAMILIES,
 			bevel
 		};
 		const hasCharacterReflection = paraData.some((para) => para.runs.some((run) => run.fmt?.reflection !== void 0 && run.fmt.reflection !== null));
@@ -3310,6 +3324,7 @@ const renderTextEffectsSvg = (pres, slide, shape, bounds, opts = {}) => {
 		groupReflected: false,
 		mode: "foreignObject",
 		measure: opts.measureText ?? browserTextMeasurer() ?? defaultMeasurer,
+		resolveFamily: substituteFamily,
 		ownShapes: true,
 		background: {
 			id: "",
@@ -3346,6 +3361,7 @@ const renderTableCellEffectsSvgInternal = (pres, slide, shape, cellPosition, bou
 		groupReflected: false,
 		mode: "foreignObject",
 		measure: opts.measureText ?? browserTextMeasurer() ?? defaultMeasurer,
+		resolveFamily: substituteFamily,
 		ownShapes: true,
 		background: {
 			id: "",
@@ -4841,7 +4857,7 @@ const renderTableCellText = (cell, paragraphs, cx, cy, cw, ch, color, pres, shap
 		innerW: innerW * EMU_PER_PX,
 		innerH: innerH * EMU_PER_PX,
 		measure: ctx.mode === "svg" ? ctx.measure : browserTextMeasurer() ?? ctx.measure,
-		...ctx.mode === "foreignObject" ? { resolveFamily: browserFontFamily } : {},
+		...ctx.mode === "foreignObject" ? BROWSER_FAMILIES : { resolveFamily: ctx.resolveFamily },
 		vert: verticalLayoutOf(getTableCellTextDirection(cell)),
 		columns: null,
 		...effectsOnly ? { effectsOnly: true } : {},
@@ -5720,6 +5736,7 @@ const renderSurface = (pres, surface, opts) => {
 		groupReflected: false,
 		mode: opts.textLayout ?? "foreignObject",
 		measure: opts.measureText ?? defaultMeasurer,
+		resolveFamily: opts.textLayout === "svg" ? opts.resolveFamily ?? substituteFamily : substituteFamily,
 		ownShapes: true,
 		background: {
 			id: "",
@@ -5865,7 +5882,7 @@ const auditShape = (pres, theme, shape, slideIndex, measure, tolerancePx, report
 		y: bounds.y,
 		w: bounds.w,
 		h: bounds.h
-	}, theme, getShapePlaceholderType(shape), measure, "#000000");
+	}, theme, getShapePlaceholderType(shape), measure, "#000000", false, passthroughFamily);
 	if (model === null) return;
 	const vert = verticalLayoutOf(model.effectiveBody.vert ?? getShapeTextDirection(shape));
 	const cols = model.effectiveBody.columns;
@@ -6043,4 +6060,4 @@ function shapeTextAnchorOffset(pres, shape, options = {}) {
 //#endregion
 export { shapeTextRect as S, paragraphNumberLabels as _, renderSlideSvg as a, verticalTextStyle as b, AVG_GLYPH_W_RATIO as c, SERIF as d, TIMES as f, decimalSeparatorOf as g, substituteFamily as h, renderSlideLayoutSvg as i, MONO as l, isCjk as m, shapeTextAnchorOffset as n, renderTextEffectsSvg as o, defaultMeasurer as p, auditTextLayout as r, ARIAL as s, shapeAutoFitScale as t, SANS as u, textUnderlineStyle as v, resolveTextBodyRect as x, textColumnsStyle as y };
 
-//# sourceMappingURL=src-pb3C61GD.js.map
+//# sourceMappingURL=src-u1-ERSHC.js.map