[feat] #9 Add Pretendard font and update Tailwind configuration

Team-pingping · Oct 9, 2024 · 6c3bc81 · 6c3bc81
1 parent 5cf3302
commit 6c3bc81
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 22 deletions.
diff --git a/fe/src/public/fonts/GeistMonoVF.woff b/fe/src/public/fonts/GeistMonoVF.woff
diff --git a/fe/src/public/fonts/GeistVF.woff b/fe/src/public/fonts/GeistVF.woff
diff --git a/fe/src/public/fonts/PretendardVariable.woff2 b/fe/src/public/fonts/PretendardVariable.woff2
diff --git 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
@@ -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',