How to load custom fonts?

[liaojunhao]

I want to load my own custom font package, how can I do that?

[lcjnil]

@liaojunhao You can refer to #1302, but you need to convert your font to fntdata format

[liyao1520]

I faced the same problem where PPTX generated by pptxgenjs could not embed custom fonts.
To solve this, I created a small extension library that adds font embedding support to pptxgenjs.

GitHub: pptx-embed-fonts

Example

import pptxgenjs from "pptxgenjs";
import { withPPTXEmbedFonts } from "pptx-embed-fonts/pptxgenjs";

const pptxgen = withPPTXEmbedFonts(pptxgenjs);

const pptx = new pptxgen();

const fontFile = await fetch("/font.ttf").then((res) => res.arrayBuffer());

const fontInfo = pptx.getFontInfo(fontFile);
const fontFace =
  fontInfo.names.fontFamily.en || fontInfo.names.fontFamily.zh;

pptx.addFont({
  fontFace: fontFace,
  fontType: "ttf",
  fontFile: fontFile,
});

const slide = pptx.addSlide();

slide.addText("Hello World 你好啊", {
  x: 0,
  y: 1,
  w: "100%",
  h: 2,
  align: "center",
  color: "0088CC",
  fontSize: 24,
  fit: "shrink",
  fontFace: fontFace,
});

const pptxFile = await pptx.writeFile({
  fileName: "example.pptx",
});