Agregar Fuentes Usando CSS

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

IronPDF incrusta una fuente automáticamente cuando esa fuente se referencia a través de CSS, por lo que puedes estilizar texto con un tipo de letra personalizado sin llamar directamente a ninguna API de fuente. Dirige el renderizador a una hoja de estilo que declare la fuente, y el archivo se recoge y se incrusta durante el renderizado.

Este ejemplo establece una hoja de estilos personalizada a través de RenderingOptions.CustomCssUrl y renderiza un componente 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

El archivo custom.css declara la fuente con una regla @font-face y luego la aplica:

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

Debido a que la regla @font-face nombra el archivo en src, IronPDF resuelve e incrusta DancingScript-Regular.ttf por sí mismo, sin un paso de registro explícito.

Curtis Chau
Escritor Técnico

Curtis Chau tiene una licenciatura en Ciencias de la Computación (Carleton University) y se especializa en el desarrollo front-end con experiencia en Node.js, TypeScript, JavaScript y React. Apasionado por crear interfaces de usuario intuitivas y estéticamente agradables, disfruta trabajando con frameworks modernos y creando manuales bien ...

Leer más
¿Listo para empezar?
Nuget Descargas 20,296,129 | Versión: 2026.7 recién publicada
Still Scrolling Icon

¿Aún desplazándote?

¿Quieres una prueba rápida? PM > Install-Package IronPdf
ejecutar una muestra Mira cómo tu HTML se convierte en PDF.