Agregar Fuentes Usando CSS
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;
}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.
