Agregar Fuentes Usando CSS

Curtis Chau
Curtis Chau
Updated: 29 de junio de 2026

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);

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

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 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 estructurados y visualmente atractivos.

Leer más

¿Listo para empezar?

Nuget Downloads 21,916,531Versión:2026.11recién publicada