自訂字體在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");
})();
