Updated: 2026년 6월 29일

"# CSS를 사용하여 폰트 추가하기"

"IronPDF는 CSS를 통해 참조되는 폰트를 자동으로 포함하므로, 사용자 지정 글꼴을 사용하여 텍스트를 스타일링할 수 있으며, 별도로 폰트 API를 호출할 필요가 없습니다." "렌더러를 폰트를 선언하는 스타일 시트에 지정하면, 렌더링 중에 파일이 선택되어 포함됩니다."

이 예제는 RenderingOptions.CustomCssUrl을 통해 사용자 지정 스타일 시트를 설정하고 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);

custom.css 파일은 @font-face 규칙으로 폰트를 선언한 후 이를 적용합니다:

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

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

Text

@font-face 규칙이 src 내에서 파일을 명명하기 때문에 IronPDF는 명시적 등록 단계 없이 자체적으로 DancingScript-Regular.ttf을 해결하고 임베드합니다.

Curtis Chau

지금 바로 엔지니어링 팀과 채팅하세요

기술 문서 작성자

커티스 차우는 칼턴 대학교에서 컴퓨터 과학 학사 학위를 취득했으며, Node.js, TypeScript, JavaScript, React를 전문으로 하는 프론트엔드 개발자입니다. 직관적이고 미적으로 뛰어난 사용자 인터페이스를 만드는 데 열정을 가진 그는 최신 프레임워크를 활용하고, 잘 구성되고 시각적으로 매력적인 매뉴얼을 제작하는 것을 즐깁니다.

...

더 읽어보기