Merge pull request #43 from FE9-2/feat/font

chore: 넥슨 Lv.1 고딕체로 변경

Author: cccwon2

src/app/(home)/page.tsx

@@ -62,6 +62,11 @@ export default function Home() {
             </div>
           </div>
         </section>
+        <div className="space-y-4">
+          <p className="font-nexon-light text-2xl text-gray-500">Nexon Lv1 Gothic Light</p>
+          <p className="font-nexon-regular text-2xl text-gray-500">Nexon Lv1 Gothic Regular</p>
+          <p className="font-nexon-bold text-2xl text-gray-500">Nexon Lv1 Gothic Bold</p>
+        </div>
       </main>
 
       <Footer />

src/app/components/Header.tsx

@@ -25,7 +25,7 @@ export default function Header() {
       <div className="container mx-auto px-4">
         <nav className="flex h-16 items-center justify-between">
           <Link href="/" className="text-xl text-white hover:text-blue-100">
-            WorkRoot
+            Work Root
           </Link>
 
           <ul className="flex items-center space-x-6">

src/app/globals.css

@@ -2,9 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-/* Gothic A1 */
-@import url("https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap");
-
 /* 학교안심 둥근미소 R */
 @font-face {
   font-family: "HakgyoansimDunggeunmisoTTF-R";
@@ -21,10 +18,33 @@
   font-style: normal;
 }
 
+/* 넥슨 폰트 */
+@font-face {
+  font-family: "NEXON Lv1 Gothic OTF Light";
+  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/[email protected]/NEXON Lv1 Gothic OTF Light.woff")
+    format("woff");
+  font-weight: 300;
+  font-style: normal;
+}
+@font-face {
+  font-family: "NEXON Lv1 Gothic OTF Regular";
+  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/[email protected]/NEXON Lv1 Gothic OTF Regular.woff")
+    format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: "NEXON Lv1 Gothic OTF Bold";
+  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/[email protected]/NEXON Lv1 Gothic OTF Bold.woff")
+    format("woff");
+  font-weight: 700;
+  font-style: normal;
+}
+
 /* 기본적인 스타일을 정의 */
 @layer base {
   body {
-    @apply font-gothic;
+    @apply font-nexon;
   }
 }
 
@@ -38,6 +58,18 @@
     font-family: "HakgyoansimDunggeunmisoTTF-B", sans-serif;
     font-weight: 700;
   }
+  .font-nexon-light {
+    font-family: "NEXON Lv1 Gothic OTF Light", sans-serif;
+    font-weight: 300;
+  }
+  .font-nexon-regular {
+    font-family: "NEXON Lv1 Gothic OTF Regular", sans-serif;
+    font-weight: 400;
+  }
+  .font-nexon-bold {
+    font-family: "NEXON Lv1 Gothic OTF Bold", sans-serif;
+    font-weight: 700;
+  }
 }
 
 /* 유틸리티 클래스를 정의 */
@@ -46,57 +78,3 @@
     text-wrap: balance;
   }
 }
-
-.gothic-thin {
-  font-family: "Gothic A1", sans-serif;
-  font-weight: 100;
-  font-style: normal;
-}
-
-.gothic-extralight {
-  font-family: "Gothic A1", sans-serif;
-  font-weight: 200;
-  font-style: normal;
-}
-
-.gothic-light {
-  font-family: "Gothic A1", sans-serif;
-  font-weight: 300;
-  font-style: normal;
-}
-
-.gothic-regular {
-  font-family: "Gothic A1", sans-serif;
-  font-weight: 400;
-  font-style: normal;
-}
-
-.gothic-medium {
-  font-family: "Gothic A1", sans-serif;
-  font-weight: 500;
-  font-style: normal;
-}
-
-.gothic-semibold {
-  font-family: "Gothic A1", sans-serif;
-  font-weight: 600;
-  font-style: normal;
-}
-
-.gothic-bold {
-  font-family: "Gothic A1", sans-serif;
-  font-weight: 700;
-  font-style: normal;
-}
-
-.gothic-extrabold {
-  font-family: "Gothic A1", sans-serif;
-  font-weight: 800;
-  font-style: normal;
-}
-
-.gothic-black {
-  font-family: "Gothic A1", sans-serif;
-  font-weight: 900;
-  font-style: normal;
-}

src/image/logo.svg src/images/logo.svgsrc/image/logo.svg renamed to src/images/logo.svg

@@ -54,20 +54,21 @@ const config: Config = {
         },
       },
       fontFamily: {
-        gothic: [
-          "Gothic A1",
+        nexon: [
+          "NEXON Lv1 Gothic OTF",
+          "sans-serif",
           "-apple-system",
           "BlinkMacSystemFont",
           "system-ui",
           "Helvetica Neue",
           "Apple SD Gothic Neo",
           "sans-serif",
+          "sans-serif",
         ],
         school: ["HakgyoansimDunggeunmisoTTF-R", "HakgyoansimDunggeunmisoTTF-B", "sans-serif"],
       },
     },
   },
-  plugins: [],
 };
 
 export default config;