chore: 폰트 패키지 생성 및 적용

GDSC-Hongik · Aug 13, 2024 · 79e7bec · 79e7bec
1 parent 74ad40b
commit 79e7bec
Show file tree

Hide file tree

Showing 42 changed files with 88 additions and 180 deletions.
diff --git a/apps/admin/app/global.css b/apps/admin/app/global.css
@@ -1,65 +1,6 @@
 @layer reset, base, tokens, recipes, utilities;
 @import url("@wow-class/ui/styles.css");
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 200;
-  src: url("/fonts/SUIT-Thin.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 300;
-  src: url("/fonts/SUIT-ExtraLight.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 400;
-  src: url("/fonts/SUIT-Regular.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 500;
-  src: url("/fonts/SUIT-Medium.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 600;
-  src: url("/fonts/SUIT-SemiBold.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 700;
-  src: url("/fonts/SUIT-Bold.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 800;
-  src: url("/fonts/SUIT-ExtraBold.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 900;
-  src: url("/fonts/SUIT-Heavy.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "Product Sans";
-  font-weight: 400;
-  src: url("/fonts/ProductSans-Regular.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "Product Sans";
-  font-weight: 700;
-  src: url("/fonts/ProductSans-Bold.ttf") format("truetype");
-}
+@import url("@wow-class/fonts/index.css");
 
 body {
   font-family: "SUIT" !important;

diff --git a/apps/admin/package.json b/apps/admin/package.json
@@ -21,6 +21,7 @@
     "@types/react-dom": "^18",
     "@wow-class/eslint-config": "workspace:*",
     "@wow-class/typescript-config": "workspace:*",
+    "@wow-class/fonts": "workspace:*",
     "@wow-class/utils": "workspace:*",
     "eslint": "^8",
     "eslint-config-next": "^14.2.5",

diff --git a/apps/client/app/global.css b/apps/client/app/global.css
@@ -1,65 +1,6 @@
 @layer reset, base, tokens, recipes, utilities;
 @import url("@wow-class/ui/styles.css");
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 200;
-  src: url("/fonts/SUIT-Thin.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 300;
-  src: url("/fonts/SUIT-ExtraLight.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 400;
-  src: url("/fonts/SUIT-Regular.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 500;
-  src: url("/fonts/SUIT-Medium.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 600;
-  src: url("/fonts/SUIT-SemiBold.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 700;
-  src: url("/fonts/SUIT-Bold.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 800;
-  src: url("/fonts/SUIT-ExtraBold.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 900;
-  src: url("/fonts/SUIT-Heavy.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "Product Sans";
-  font-weight: 400;
-  src: url("/fonts/ProductSans-Regular.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "Product Sans";
-  font-weight: 700;
-  src: url("/fonts/ProductSans-Bold.ttf") format("truetype");
-}
+@import url("@wow-class/fonts/index.css");
 
 body {
   font-family: "SUIT" !important;

diff --git a/apps/client/package.json b/apps/client/package.json
@@ -22,6 +22,7 @@
     "@types/react-dom": "^18",
     "@wow-class/eslint-config": "workspace:*",
     "@wow-class/typescript-config": "workspace:*",
+    "@wow-class/fonts": "workspace:*",
     "@wow-class/utils": "workspace:*",
     "eslint": "^8",
     "eslint-config-next": "^14.2.5",

diff --git a/apps/client/public/fonts/Product Sans Bold.ttf b/apps/client/public/fonts/Product Sans Bold.ttf
diff --git a/apps/client/public/fonts/Product Sans Regular.ttf b/apps/client/public/fonts/Product Sans Regular.ttf
diff --git a/apps/client/public/fonts/SUIT-Bold.ttf b/apps/client/public/fonts/SUIT-Bold.ttf
diff --git a/apps/client/public/fonts/SUIT-ExtraBold.ttf b/apps/client/public/fonts/SUIT-ExtraBold.ttf
diff --git a/apps/client/public/fonts/SUIT-ExtraLight.ttf b/apps/client/public/fonts/SUIT-ExtraLight.ttf
diff --git a/apps/client/public/fonts/SUIT-Heavy.ttf b/apps/client/public/fonts/SUIT-Heavy.ttf
diff --git a/apps/client/public/fonts/SUIT-Light.ttf b/apps/client/public/fonts/SUIT-Light.ttf
diff --git a/apps/client/public/fonts/SUIT-Medium.ttf b/apps/client/public/fonts/SUIT-Medium.ttf
diff --git a/apps/client/public/fonts/SUIT-Regular.ttf b/apps/client/public/fonts/SUIT-Regular.ttf
diff --git a/apps/client/public/fonts/SUIT-SemiBold.ttf b/apps/client/public/fonts/SUIT-SemiBold.ttf
diff --git a/apps/client/public/fonts/SUIT-Thin.ttf b/apps/client/public/fonts/SUIT-Thin.ttf
diff --git a/.../admin/public/fonts/Product Sans Bold.ttf → packages/fonts/ProductSans-Bold.ttf b/.../admin/public/fonts/Product Sans Bold.ttf → packages/fonts/ProductSans-Bold.ttf
diff --git a/...min/public/fonts/Product Sans Regular.ttf → packages/fonts/ProductSans-Regular.ttf b/...min/public/fonts/Product Sans Regular.ttf → packages/fonts/ProductSans-Regular.ttf
diff --git a/apps/admin/public/fonts/SUIT-Bold.ttf → packages/fonts/SUIT-Bold.ttf b/apps/admin/public/fonts/SUIT-Bold.ttf → packages/fonts/SUIT-Bold.ttf
diff --git a/apps/admin/public/fonts/SUIT-ExtraBold.ttf → packages/fonts/SUIT-ExtraBold.ttf b/apps/admin/public/fonts/SUIT-ExtraBold.ttf → packages/fonts/SUIT-ExtraBold.ttf
diff --git a/apps/admin/public/fonts/SUIT-ExtraLight.ttf → packages/fonts/SUIT-ExtraLight.ttf b/apps/admin/public/fonts/SUIT-ExtraLight.ttf → packages/fonts/SUIT-ExtraLight.ttf
diff --git a/apps/admin/public/fonts/SUIT-Heavy.ttf → packages/fonts/SUIT-Heavy.ttf b/apps/admin/public/fonts/SUIT-Heavy.ttf → packages/fonts/SUIT-Heavy.ttf
diff --git a/apps/admin/public/fonts/SUIT-Light.ttf → packages/fonts/SUIT-Light.ttf b/apps/admin/public/fonts/SUIT-Light.ttf → packages/fonts/SUIT-Light.ttf
diff --git a/apps/admin/public/fonts/SUIT-Medium.ttf → packages/fonts/SUIT-Medium.ttf b/apps/admin/public/fonts/SUIT-Medium.ttf → packages/fonts/SUIT-Medium.ttf
diff --git a/apps/admin/public/fonts/SUIT-Regular.ttf → packages/fonts/SUIT-Regular.ttf b/apps/admin/public/fonts/SUIT-Regular.ttf → packages/fonts/SUIT-Regular.ttf
diff --git a/apps/admin/public/fonts/SUIT-SemiBold.ttf → packages/fonts/SUIT-SemiBold.ttf b/apps/admin/public/fonts/SUIT-SemiBold.ttf → packages/fonts/SUIT-SemiBold.ttf
diff --git a/apps/admin/public/fonts/SUIT-Thin.ttf → packages/fonts/SUIT-Thin.ttf b/apps/admin/public/fonts/SUIT-Thin.ttf → packages/fonts/SUIT-Thin.ttf
diff --git a/packages/fonts/index.css b/packages/fonts/index.css
@@ -0,0 +1,63 @@
+@font-face {
+  font-family: "SUIT";
+  font-weight: 200;
+  src: url("./SUIT-Thin.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "SUIT";
+  font-weight: 300;
+  src: url("./SUIT-ExtraLight.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "SUIT";
+  font-weight: 400;
+  src: url("./SUIT-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "SUIT";
+  font-weight: 500;
+  src: url("./SUIT-Medium.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "SUIT";
+  font-weight: 600;
+  src: url("./SUIT-SemiBold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "SUIT";
+  font-weight: 700;
+  src: url("./SUIT-Bold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "SUIT";
+  font-weight: 800;
+  src: url("./SUIT-ExtraBold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "SUIT";
+  font-weight: 900;
+  src: url("./SUIT-Heavy.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Product Sans";
+  font-weight: 400;
+  src: url("./ProductSans-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Product Sans";
+  font-weight: 700;
+  src: url("./ProductSans-Bold.ttf") format("truetype");
+}
+
+body {
+  font-family: "SUIT" !important;
+}
diff --git a/packages/fonts/package.json b/packages/fonts/package.json
@@ -0,0 +1,8 @@
+{
+  "name": "@wow-class/fonts",
+  "version": "0.0.0",
+  "private": true,
+  "exports": {
+    "./index.css": "./index.css"
+  }
+}
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -25,6 +25,7 @@
     "@types/react-dom": "^18.2.19",
     "@wow-class/eslint-config": "workspace:*",
     "@wow-class/typescript-config": "workspace:*",
+    "@wow-class/fonts": "workspace:*",
     "eslint": "^8.57.0",
     "eslint-plugin-storybook": "^0.8.0",
     "storybook": "^8.2.7",

diff --git a/packages/ui/src/assets/fonts/Product Sans Bold.ttf b/packages/ui/src/assets/fonts/Product Sans Bold.ttf
diff --git a/packages/ui/src/assets/fonts/Product Sans Regular.ttf b/packages/ui/src/assets/fonts/Product Sans Regular.ttf
diff --git a/packages/ui/src/assets/fonts/SUIT-Bold.ttf b/packages/ui/src/assets/fonts/SUIT-Bold.ttf
diff --git a/packages/ui/src/assets/fonts/SUIT-ExtraBold.ttf b/packages/ui/src/assets/fonts/SUIT-ExtraBold.ttf
diff --git a/packages/ui/src/assets/fonts/SUIT-ExtraLight.ttf b/packages/ui/src/assets/fonts/SUIT-ExtraLight.ttf
diff --git a/packages/ui/src/assets/fonts/SUIT-Heavy.ttf b/packages/ui/src/assets/fonts/SUIT-Heavy.ttf
diff --git a/packages/ui/src/assets/fonts/SUIT-Light.ttf b/packages/ui/src/assets/fonts/SUIT-Light.ttf
diff --git a/packages/ui/src/assets/fonts/SUIT-Medium.ttf b/packages/ui/src/assets/fonts/SUIT-Medium.ttf
diff --git a/packages/ui/src/assets/fonts/SUIT-Regular.ttf b/packages/ui/src/assets/fonts/SUIT-Regular.ttf
diff --git a/packages/ui/src/assets/fonts/SUIT-SemiBold.ttf b/packages/ui/src/assets/fonts/SUIT-SemiBold.ttf
diff --git a/packages/ui/src/assets/fonts/SUIT-Thin.ttf b/packages/ui/src/assets/fonts/SUIT-Thin.ttf
diff --git a/packages/ui/src/index.css b/packages/ui/src/index.css
@@ -1,64 +1,5 @@
 @layer reset, base, tokens, recipes, utilities;
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 200;
-  src: url("/fonts/SUIT-Thin.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 300;
-  src: url("/fonts/SUIT-ExtraLight.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 400;
-  src: url("/fonts/SUIT-Regular.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 500;
-  src: url("/fonts/SUIT-Medium.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 600;
-  src: url("/fonts/SUIT-SemiBold.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 700;
-  src: url("/fonts/SUIT-Bold.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 800;
-  src: url("/fonts/SUIT-ExtraBold.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "SUIT";
-  font-weight: 900;
-  src: url("/fonts/SUIT-Heavy.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "Product Sans";
-  font-weight: 400;
-  src: url("/fonts/ProductSans-Regular.ttf") format("truetype");
-}
-
-@font-face {
-  font-family: "Product Sans";
-  font-weight: 700;
-  src: url("/fonts/ProductSans-Bold.ttf") format("truetype");
-}
+@import url("@wow-class/fonts/index.css");
 
 body {
   font-family: "SUIT";

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml