✏️기록하는 즐거움
article thumbnail
[NextJS] NextJS 14버전 로컬 파일 폰트 적용하기
NextJS 2024. 10. 23. 15:56

📙 로컬 파일로 Nextjs 폰트 적용하는 기본적인 방법로컬파일(.ttf, .woff, …)을 Nextjs 폰트로 적용하기 위해서는 기본적으로 아래의 방법을 사용한다. 🟡 app/layout.tsx에 next/font 를 사용하여 변수를 선언하고, className에 전달// app/layout.tsximport localFont from "next/font/local";const suit = localFont({ src: "../../public/fonts/SUIT-Regular.ttf", display: "swap", variable: "--font-suit",});const suitBold = localFont({ src: "../../public/fonts/SUIT-Bold.ttf", ..