Schriften mit CSS hinzufügen

This article was translated from English: Does it need improvement?
Translated
View the article in English

IronPDF bettet eine Schriftart automatisch ein, wenn diese Schriftart über CSS referenziert wird, sodass Sie Text mit einem benutzerdefinierten Schriftschnitt gestalten können, ohne eine Schriftarten-API direkt aufzurufen. Weisen Sie den Renderer auf ein Stylesheet hin, das die Schriftart deklariert, und die Datei wird während des Renderns aufgenommen und eingebettet.

Dieses Beispiel setzt ein benutzerdefiniertes Stylesheet durch RenderingOptions.CustomCssUrl und rendert eine Razor-Komponente:

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

Die custom.css-Datei deklariert die Schriftart mit einer @font-face-Regel und wendet sie dann an:

@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;
}

Da die @font-face-Regel die Datei in src benennt, löst IronPDF DancingScript-Regular.ttf eigenständig auf und bettet sie ein, ohne dass ein expliziter Registrierungsschritt erforderlich ist.

Curtis Chau
Technischer Autor

Curtis Chau hat einen Bachelor-Abschluss in Informatik von der Carleton University und ist spezialisiert auf Frontend-Entwicklung mit Expertise in Node.js, TypeScript, JavaScript und React. Leidenschaftlich widmet er sich der Erstellung intuitiver und ästhetisch ansprechender Benutzerschnittstellen und arbeitet gerne mit modernen Frameworks sowie der Erstellung gut strukturierter, optisch ansprechender ...

Weiterlesen
Bereit anzufangen?
Nuget Downloads 20,296,129 | Version: 2026.7 gerade veröffentlicht
Still Scrolling Icon

Scrollst du immer noch?

Sie brauchen schnell einen Beweis? PM > Install-Package IronPdf
Führen Sie eine Probe aus Sehen Sie zu, wie Ihr HTML-Code in eine PDF-Datei umgewandelt wird.