在HTML到PDF中的自定义字体
为确保正确呈现需要时间加载的资产，必须使用 waitFor 类指定呈现延迟。这包括 JavaScript、字体和网络资源等资产。
要使用 Google 字体的自定义字体呈现 HTML 内容，请将呈现选项配置为使用 waitFor 属性。将等待类型设为 "RenderDelay"，并指定最长等待时间为 500 毫秒。
渲染 HTML 后，导出 PDF 文档。您可以检查生成的 PDF，查看自定义字体是否已完美加载和显示。
import {PdfDocument, WaitForType} from "@ironsoftware/ironpdf";
(async () => {
// Define the HTML content with a custom font from Google Fonts
const htmlWithFont = `
<h1>Google Font</h1>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<p style="font-family: 'Lobster', serif; font-size:30px;">Hello Google Fonts</p>
`;
// Configure render options
const options = {
// Delay render to finish font loading
waitFor: {
type: WaitForType.RenderDelay,
maxWaitTime: 500,
},
};
// Render HTML content with the custom font to a PDF
const doc = await PdfDocument.fromHtml(htmlWithFont, { renderOptions: options });
// Save the PDF
await doc.saveAs("font.pdf");
})();
