docs/ 폰트 추가 및 삭제

src/shared/styles/global.css

@@ -4,39 +4,45 @@
 @import './_utilities.css';
 @import './_components.css';
 
-/* 1) 로컬 폰트 등록: public/fonts 기준 절대경로 */
-@font-face { font-family: 'NanumSquareNeo Var';
+/* 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-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
 }
 
-/* Hahmlet 가변 아님: 굵기별 매핑 */
-@font-face { font-family: 'Hahmlet'; src: url('/fonts/Hahmlet-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; }
-@font-face { font-family: 'Hahmlet'; src: url('/fonts/Hahmlet-ExtraLight.ttf') format('truetype'); font-weight: 200; 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-SemiBold.ttf') format('truetype'); font-weight: 600; 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; }
-@font-face { font-family: 'Hahmlet'; src: url('/fonts/Hahmlet-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }
-@font-face { font-family: 'Hahmlet'; src: url('/fonts/Hahmlet-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }
 
-/* 2) 전역 설정 */
+
+/* 2) 기본 폰트 및 색상 설정 */
 :root {
-  --font-body: 'NanumSquareNeo Var', 'Hahmlet', system-ui, sans-serif;
   color: #fff;
   background-color: var(--color-primary);
 }
+
 html { scroll-behavior: auto; }
-body { font-family: var(--font-body); line-height: 1.5; font-weight: 500; }
 
-/* 3) 필요 시 클래스 스위치 */
-.font-hahmlet { font-family: 'Hahmlet', system-ui, sans-serif; }
-.font-nanum  { font-family: 'NanumSquareNeo Var', 'Hahmlet', system-ui, sans-serif; }
+body {
+  font-family: 'NanumSquareNeo Var', system-ui, sans-serif;
+  line-height: 1.5;
+  font-weight: 500;
+}
+
+/* 3) font-serif 클래스 사용 시 Hahmlet 적용 */
+.font-serif {
+  font-family: 'Hahmlet', serif !important;
+}
 
-/* Swiper 등 외부 컴포넌트도 상속 */
+/* 4) Swiper 등 외부 컴포넌트도 상속 */
 .swiper,
 .swiper-slide,
 .swiper-button-prev,
 .swiper-button-next,
-.swiper-pagination { font-family: inherit !important; }
+.swiper-pagination {
+  font-family: inherit !important;
+}