diff --git a/fe/src/public/fonts/GeistMonoVF.woff b/fe/src/public/fonts/GeistMonoVF.woff
deleted file mode 100644
index f2ae185..0000000
Binary files a/fe/src/public/fonts/GeistMonoVF.woff and /dev/null differ
diff --git a/fe/src/public/fonts/GeistVF.woff b/fe/src/public/fonts/GeistVF.woff
deleted file mode 100644
index 1b62daa..0000000
Binary files a/fe/src/public/fonts/GeistVF.woff and /dev/null differ
diff --git a/fe/src/public/fonts/PretendardVariable.woff2 b/fe/src/public/fonts/PretendardVariable.woff2
new file mode 100644
index 0000000..a8d0637
Binary files /dev/null and b/fe/src/public/fonts/PretendardVariable.woff2 differ
diff --git a/fe/src/styles/globals.css b/fe/src/styles/globals.css
index 13d40b8..3fc982d 100644
--- a/fe/src/styles/globals.css
+++ b/fe/src/styles/globals.css
@@ -1,27 +1,14 @@
+@font-face {
+  font-family: 'Pretendard';
+  src: url('/fonts/PretendardVariable.woff2') format('woff2');
+  font-weight: 100 900;
+  font-style: normal;
+}
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
 body {
-  color: var(--foreground);
-  background: var(--background);
-  font-family: Arial, Helvetica, sans-serif;
-}
-
-@layer utilities {
-  .text-balance {
-    text-wrap: balance;
-  }
+  font-family: 'Pretendard', sans-serif;
 }
diff --git a/fe/tailwind.config.ts b/fe/tailwind.config.ts
index cd3b5dc..aa67865 100644
--- a/fe/tailwind.config.ts
+++ b/fe/tailwind.config.ts
@@ -1,4 +1,4 @@
-import type { Config } from "tailwindcss";
+import type { Config } from 'tailwindcss';
 
 const config: Config = {
   content: [
@@ -94,6 +94,11 @@ const config: Config = {
         300: '300',
       },
 
+      // Pretendard 폰트 추가
+      fontFamily: {
+        'pretendard': ['Pretendard', 'sans-serif'],
+      },
+
       // 모서리 반경 설정
       borderRadius: {
         'xxsmall': '4px',