Skip to content

Commit ca5539a

Browse files
authored
docs/ 폰트 추가 및 삭제 (#146)
* [refactor] 무한스크롤 tanstack * [refactor] 레시피페이지 리팩토링 * [refactor] 아코디언박스 * [feat]필터링 뒤로가기 스크롤 저장 * [chore] 머지 전 커밋 * [chore]머지 전 커밋 누락 내용 커밋 * [refactor]리팩토링 커밋 * [refactor] 정렬 중복아이템문제 * [feat] 칵테일 정렬기능 * [fix]댓글 알림 수정 * [chore] 충돌사항 수정 * [docs] 필요없는 폰트파일 정리
1 parent fcef37f commit ca5539a

File tree

6 files changed

+23
-17
lines changed

6 files changed

+23
-17
lines changed

public/fonts/Hahmlet-Black.ttf

-1.46 MB
Binary file not shown.

public/fonts/Hahmlet-ExtraBold.ttf

-1.46 MB
Binary file not shown.
-1.46 MB
Binary file not shown.

public/fonts/Hahmlet-SemiBold.ttf

-1.47 MB
Binary file not shown.

public/fonts/Hahmlet-Thin.ttf

-1.45 MB
Binary file not shown.

src/shared/styles/global.css

Lines changed: 23 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,39 +4,45 @@
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+
3028
html { 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

Comments
 (0)