Conf: replace fonts #162

Strong-Potato · Jan 23, 2024 · 9bc8ab4 · 9bc8ab4
1 parent 19afb7e
commit 9bc8ab4
Show file tree

Hide file tree

Showing 10 changed files with 1,059 additions and 239 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/assets/fonts/SpoqaHanSansNeo-Bold.ttf b/src/assets/fonts/SpoqaHanSansNeo-Bold.ttf
diff --git a/src/assets/fonts/SpoqaHanSansNeo-Light.ttf b/src/assets/fonts/SpoqaHanSansNeo-Light.ttf
diff --git a/src/assets/fonts/SpoqaHanSansNeo-Medium.ttf b/src/assets/fonts/SpoqaHanSansNeo-Medium.ttf
diff --git a/src/assets/fonts/SpoqaHanSansNeo-Regular.ttf b/src/assets/fonts/SpoqaHanSansNeo-Regular.ttf
diff --git a/src/assets/fonts/SpoqaHanSansNeo-Thin.ttf b/src/assets/fonts/SpoqaHanSansNeo-Thin.ttf
diff --git a/src/chakra/chakraCustomTheme.ts b/src/chakra/chakraCustomTheme.ts
diff --git a/src/pages/Home/Home.module.scss b/src/pages/Home/Home.module.scss
@@ -1,4 +1,4 @@
-@use "@/sass" as *;
+@use '@/sass' as *;
 
 .container {
   width: 100%;
@@ -11,7 +11,7 @@
   padding-top: 56px;
   padding-bottom: 75px;
 
-  font-family: "suit", sans-serif;
+  font-family: 'spoqaHanSans', sans-serif;
 
   -ms-overflow-style: none;
   scrollbar-width: none;

diff --git a/src/pages/SearchFromHome/SearchFromHome.module.scss b/src/pages/SearchFromHome/SearchFromHome.module.scss
@@ -6,7 +6,7 @@
   display: flex;
   flex-direction: column;
 
-  font-family: 'suit', sans-serif;
+  font-family: 'spoqaHanSans', sans-serif;
 
   color: $neutral900;
 

diff --git a/src/sass/base/_normalize.scss b/src/sass/base/_normalize.scss
@@ -1,11 +1,32 @@
 //브라우저 스타일 초기화 또는 재설정을 정의합니다.
 @font-face {
-  font-family: "suit"; // 이름 선언
-  src: url("../../assets/fonts/SUIT-Variable.ttf"); // 내가 저장한 경로!
+  font-family: 'SpoqaHanSans'; // 이름 선언
+  src: url('../../assets/fonts/spoqaHanSans-Thin.ttf');
+  font-weight: 100; // 내가 저장한 경로!
+}
+@font-face {
+  font-family: 'SpoqaHanSans'; // 이름 선언
+  src: url('../../assets/fonts/spoqaHanSans-Light.ttf');
+  font-weight: 300; // 내가 저장한 경로!
+}
+@font-face {
+  font-family: 'SpoqaHanSans'; // 이름 선언
+  src: url('../../assets/fonts/spoqaHanSans-Regular.ttf');
+  font-weight: 400; // 내가 저장한 경로!
+}
+@font-face {
+  font-family: 'SpoqaHanSans'; // 이름 선언
+  src: url('../../assets/fonts/spoqaHanSans-Medium.ttf');
+  font-weight: 500; // 내가 저장한 경로!
+}
+@font-face {
+  font-family: 'SpoqaHanSans'; // 이름 선언
+  src: url('../../assets/fonts/spoqaHanSans-Bold.ttf');
+  font-weight: 700; // 내가 저장한 경로!
 }
 
 :root {
-  font-family: "suit", sans-serif;
+  font-family: 'spoqaHanSans', sans-serif;
   line-height: 1.5;
   font-weight: 400;
 
@@ -20,7 +41,7 @@
 }
 
 body {
-  font-family: "suit", sans-serif;
+  font-family: 'spoqaHanSans', sans-serif;
 
   display: flex;
   justify-content: center;