Ajouter des polices à l'aide de CSS

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

IronPDF intègre automatiquement une police lorsque cette police est référencée via CSS, vous permettant de styliser le texte avec une police personnalisée sans appeler directement une API de police. Diriger le renderer vers une feuille de style déclarant la police, et le fichier est récupéré et intégré lors du rendu.

Cet exemple définit une feuille de style personnalisée via RenderingOptions.CustomCssUrl et rend un composant 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

Le fichier custom.css déclare la police avec une règle @font-face et l'applique ensuite :

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

Étant donné que la règle @font-face nomme le fichier dans src, IronPDF résout et intègre DancingScript-Regular.ttf de manière autonome, sans étape d'enregistrement explicite.

Curtis Chau
Rédacteur technique

Curtis Chau détient un baccalauréat en informatique (Université de Carleton) et se spécialise dans le développement front-end avec expertise en Node.js, TypeScript, JavaScript et React. Passionné par la création d'interfaces utilisateur intuitives et esthétiquement plaisantes, Curtis aime travailler avec des frameworks modernes ...

Lire la suite
Prêt à commencer ?
Nuget Téléchargements 20,296,129 | Version : 2026.7 vient de sortir
Still Scrolling Icon

Vous faites encore défiler ?

Vous voulez une preuve rapidement ? PM > Install-Package IronPdf
exécuter un échantillon Regardez votre code HTML se transformer en PDF.