umijsとpdfmeでフォントを読み込む

2024/05/01に公開

pdfme、とても使いやすいのですが、generateする際にデフォルトだとRobotoが使われているため、豆腐になってしまっていた。

umijsの場合、以下のようにしてフォントを読み込むことができた。

example

import { Font } from '@pdfme/common';
//assetsフォルダに任意のフォルダを配置する
import LineSeed from '@/assets/LINESeedJP_OTF_Rg.woff';

export const generatePDF = async () => {
  const b = await fetch(LineSeed);
  const buf = await b.arrayBuffer();
  const font: Font = {
    LineSeed: {
      data: buf,
      fallback: true,
    },
  };}

Discussion