apply pretnedard font

2025-11-16 17:44:47 +09:00
parent 2d7b06eb9d
commit 87c3b1523e
3 changed files with 13 additions and 4 deletions
--- a/public/fonts/pretendard/PretendardVariable.woff2
+++ b/public/fonts/pretendard/PretendardVariable.woff2
--- a/src/app/fonts.ts
+++ b/src/app/fonts.ts
@@ -0,0 +1,8 @@
+import localFont from "next/font/local";
+
+export const pretendard = localFont({
+  src: "../../public/fonts/pretendard/PretendardVariable.woff2",
+  weight: "45 920",              // variable 폰트 범위
+  variable: "--font-pretendard", // CSS 변수 이름
+  display: "swap",
+});
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import "./globals.css";
+import { pretendard } from "./fonts";

 export const metadata: Metadata = {
  title: "XRLMS",
@@ -8,13 +9,13 @@ export const metadata: Metadata = {

 export default function RootLayout({
  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
+}: Readonly<{ children: React.ReactNode; }>) {
  return (
    <html lang="en">
-      <body>
+      <body className={pretendard.className}>
+        text-pretendard
        {children}
+        TEXT
      </body>
    </html>
  );