在HTML到PDF中的自定义字体
要确保需要时间加载的资源正确渲染,必须使用 waitFor
类来指定渲染延迟。 这包括JavaScript、字体和网络资源等资产。
要使用谷歌字体的自定义字体渲染HTML内容,请配置渲染选项以使用waitFor
属性。 将等待类型设置为 RenderDelay
并指定最大等待时间为500毫秒。
渲染 HTML 后,导出 PDF 文档,其功能包括IronPDF 的 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"); })();
要确保需要时间加载的资源正确渲染,必须使用 waitFor
类来指定渲染延迟。 这包括JavaScript、字体和网络资源等资产。
要使用谷歌字体的自定义字体渲染HTML内容,请配置渲染选项以使用waitFor
属性。 将等待类型设置为 RenderDelay
并指定最大等待时间为500毫秒。
渲染 HTML 后,导出 PDF 文档,其功能包括IronPDF 的 PDF 生成库. 您可以检查生成的PDF,以查看自定义字体是否完美加载和显示。