Merge branch 'dev' into feat/write#19

Author: EunbinJung

public/1Stars.webp

@@ -1,29 +1,48 @@
-@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css');
-@import url('https://fonts.googleapis.com/css2?family=Hahmlet:[email protected]&display=swap');
 @import 'tailwindcss';
-
 @import './_base.css';
 @import './_theme.css';
 @import './_utilities.css';
 @import './_components.css';
 
+/* 1) 로컬 폰트 등록 */
+@font-face {
+  font-family: 'NanumSquareNeo Var';
+  src: url('/fonts/NanumSquareNeo-Variable.ttf') format('truetype');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face { font-family: 'Hahmlet'; src: url('/fonts/Hahmlet-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { font-family: 'Hahmlet'; src: url('/fonts/Hahmlet-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: 'Hahmlet'; src: url('/fonts/Hahmlet-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
+@font-face { font-family: 'Hahmlet'; src: url('/fonts/Hahmlet-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
+
+
+/* 2) 기본 폰트 및 색상 설정 */
 :root {
-  font-family: 'NanumSquareNeo', sans-serif;
-  line-height: 1.5;
-  font-weight: 500;
   color: #fff;
   background-color: var(--color-primary);
 }
 
-html {
-  scroll-behavior: auto; /* smooth가 아닌 auto로 */
+html { scroll-behavior: auto; }
+
+body {
+  font-family: 'NanumSquareNeo Var', system-ui, sans-serif;
+  line-height: 1.5;
+  font-weight: 500;
 }
 
-/* 전역 CSS 또는 글로벌 스타일에서 */
+/* 3) font-serif 클래스 사용 시 Hahmlet 적용 */
+.font-serif {
+  font-family: 'Hahmlet', serif !important;
+}
+
+/* 4) Swiper 등 외부 컴포넌트도 상속 */
 .swiper,
 .swiper-slide,
 .swiper-button-prev,
 .swiper-button-next,
 .swiper-pagination {
   font-family: inherit !important;
-}
+}