44@import './_utilities.css' ;
55@import './_components.css' ;
66
7- /* 1) 로컬 폰트 등록: public/fonts 기준 절대경로 */
8- @font-face { font-family : 'NanumSquareNeo Var' ;
7+ /* 1) 로컬 폰트 등록 */
8+ @font-face {
9+ font-family : 'NanumSquareNeo Var' ;
910 src : url ('/fonts/NanumSquareNeo-Variable.ttf' ) format ('truetype' );
10- font-weight : 100 900 ; font-style : normal; font-display : swap;
11+ font-weight : 100 900 ;
12+ font-style : normal;
13+ font-display : swap;
1114}
1215
13- /* Hahmlet 가변 아님: 굵기별 매핑 */
14- @font-face { font-family : 'Hahmlet' ; src : url ('/fonts/Hahmlet-Thin.ttf' ) format ('truetype' ); font-weight : 100 ; font-style : normal; font-display : swap; }
15- @font-face { font-family : 'Hahmlet' ; src : url ('/fonts/Hahmlet-ExtraLight.ttf' ) format ('truetype' ); font-weight : 200 ; font-style : normal; font-display : swap; }
1616@font-face { font-family : 'Hahmlet' ; src : url ('/fonts/Hahmlet-Light.ttf' ) format ('truetype' ); font-weight : 300 ; font-style : normal; font-display : swap; }
1717@font-face { font-family : 'Hahmlet' ; src : url ('/fonts/Hahmlet-Regular.ttf' ) format ('truetype' ); font-weight : 400 ; font-style : normal; font-display : swap; }
1818@font-face { font-family : 'Hahmlet' ; src : url ('/fonts/Hahmlet-Medium.ttf' ) format ('truetype' ); font-weight : 500 ; font-style : normal; font-display : swap; }
19- @font-face { font-family : 'Hahmlet' ; src : url ('/fonts/Hahmlet-SemiBold.ttf' ) format ('truetype' ); font-weight : 600 ; font-style : normal; font-display : swap; }
2019@font-face { font-family : 'Hahmlet' ; src : url ('/fonts/Hahmlet-Bold.ttf' ) format ('truetype' ); font-weight : 700 ; font-style : normal; font-display : swap; }
21- @font-face { font-family : 'Hahmlet' ; src : url ('/fonts/Hahmlet-ExtraBold.ttf' ) format ('truetype' ); font-weight : 800 ; font-style : normal; font-display : swap; }
22- @font-face { font-family : 'Hahmlet' ; src : url ('/fonts/Hahmlet-Black.ttf' ) format ('truetype' ); font-weight : 900 ; font-style : normal; font-display : swap; }
2320
24- /* 2) 전역 설정 */
21+
22+ /* 2) 기본 폰트 및 색상 설정 */
2523: root {
26- --font-body : 'NanumSquareNeo Var' , 'Hahmlet' , system-ui, sans-serif;
2724 color : # fff ;
2825 background-color : var (--color-primary );
2926}
27+
3028html { scroll-behavior : auto; }
31- body { font-family : var (--font-body ); line-height : 1.5 ; font-weight : 500 ; }
3229
33- /* 3) 필요 시 클래스 스위치 */
34- .font-hahmlet { font-family : 'Hahmlet' , system-ui, sans-serif; }
35- .font-nanum { font-family : 'NanumSquareNeo Var' , 'Hahmlet' , system-ui, sans-serif; }
30+ body {
31+ font-family : 'NanumSquareNeo Var' , system-ui, sans-serif;
32+ line-height : 1.5 ;
33+ font-weight : 500 ;
34+ }
35+
36+ /* 3) font-serif 클래스 사용 시 Hahmlet 적용 */
37+ .font-serif {
38+ font-family : 'Hahmlet' , serif !important ;
39+ }
3640
37- /* Swiper 등 외부 컴포넌트도 상속 */
41+ /* 4) Swiper 등 외부 컴포넌트도 상속 */
3842.swiper ,
3943.swiper-slide ,
4044.swiper-button-prev ,
4145.swiper-button-next ,
42- .swiper-pagination { font-family : inherit !important ; }
46+ .swiper-pagination {
47+ font-family : inherit !important ;
48+ }
0 commit comments