使用CSS新增字型

Curtis Chau

已更新:2026年6月28日

Translated

View the article in English

IronPDF會自動嵌入透過CSS引用的字型，因此您可以使用自訂字體樣式化文字，而無需直接調用任何字型API。將渲染器指向聲明字型的樣式表，檔案會在渲染過程中被拾取並嵌入。

本範例透過RenderingOptions.CustomCssUrl設置自訂樣式表並渲染Razor元件：

ChromePdfRenderer renderer = new ChromePdfRenderer();
Parameters.Add("persons", persons);
renderer.RenderingOptions.CustomCssUrl = $"wwwroot/css/custom.css";
PdfDocument pdf = renderer.RenderRazorComponentToPdf<Person>(Parameters);
File.WriteAllBytes("razorComponentToPdf.pdf", pdf.BinaryData);

ChromePdfRenderer renderer = new ChromePdfRenderer();
Parameters.Add("persons", persons);
renderer.RenderingOptions.CustomCssUrl = $"wwwroot/css/custom.css";
PdfDocument pdf = renderer.RenderRazorComponentToPdf<Person>(Parameters);
File.WriteAllBytes("razorComponentToPdf.pdf", pdf.BinaryData);

Dim renderer As New ChromePdfRenderer()
Parameters.Add("persons", persons)
renderer.RenderingOptions.CustomCssUrl = $"wwwroot/css/custom.css"
Dim pdf As PdfDocument = renderer.RenderRazorComponentToPdf(Of Person)(Parameters)
File.WriteAllBytes("razorComponentToPdf.pdf", pdf.BinaryData)

$vbLabelText $csharpLabel

@font-face規則聲明字型，然後應用它：

@font-face {
   font-family: 'DancingScript';
   src: url('../fonts/DancingScript-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
body {
   font-family: 'DancingScript', Arial, sans-serif;
}

由於DancingScript-Regular.ttf，無需顯式註冊步驟。