Skip to content

Commit b75f7e8

Browse files
committed
[style] 폰트 추가
1 parent ca5539a commit b75f7e8

File tree

8 files changed

+36
-11
lines changed

8 files changed

+36
-11
lines changed
-7.95 MB
Binary file not shown.
2.08 MB
Binary file not shown.
2.09 MB
Binary file not shown.
2.07 MB
Binary file not shown.
2.06 MB
Binary file not shown.
2.02 MB
Binary file not shown.

src/app/layout.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
1+
import '@/shared/styles/global.css';
12
import type { Metadata } from 'next';
23
import '@/shared/styles/global.css';
34
import { Toaster } from 'react-hot-toast';
4-
import Header from '@/shared/components/header/Header';
5-
import FooterWrapper from '@/shared/components/footer/FooterWrapper';
65
import ScrollTopBtnWrapper from '@/shared/components/scroll-top/ScrollTopBtnWrapper';
76
import KaKaoScript from './api/kakao/KaKaoScript';
87
import 'swiper/css';

src/shared/styles/global.css

Lines changed: 35 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,42 @@
55
@import './_components.css';
66

77
/* 1) 로컬 폰트 등록 */
8+
89
@font-face {
9-
font-family: 'NanumSquareNeo Var';
10-
src: url('/fonts/NanumSquareNeo-Variable.ttf') format('truetype');
11-
font-weight: 100 900;
10+
font-family: 'NanumSquareNeo';
11+
src: url('/fonts/NanumSquareNeo-aLt.ttf') format('truetype');
12+
font-weight: 300;
13+
font-style: normal;
14+
font-display: swap;
15+
}
16+
@font-face {
17+
font-family: 'NanumSquareNeo';
18+
src: url('/fonts/NanumSquareNeo-bRg.ttf') format('truetype');
19+
font-weight: 400;
20+
font-style: normal;
21+
font-display: swap;
22+
}
23+
@font-face {
24+
font-family: 'NanumSquareNeo';
25+
src: url('/fonts/NanumSquareNeo-cBd.ttf') format('truetype');
26+
font-weight: 500;
27+
font-style: normal;
28+
font-display: swap;
29+
}
30+
@font-face {
31+
font-family: 'NanumSquareNeo';
32+
src: url('/fonts/NanumSquareNeo-dEb.ttf') format('truetype');
33+
font-weight: 700;
34+
font-style: normal;
35+
font-display: swap;
36+
}
37+
@font-face {
38+
font-family: 'NanumSquareNeo';
39+
src: url('/fonts/NanumSquareNeo-eHv.ttf') format('truetype');
40+
font-weight: 900;
1241
font-style: normal;
1342
font-display: swap;
1443
}
15-
1644
@font-face { font-family: 'Hahmlet'; src: url('/fonts/Hahmlet-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
1745
@font-face { font-family: 'Hahmlet'; src: url('/fonts/Hahmlet-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
1846
@font-face { font-family: 'Hahmlet'; src: url('/fonts/Hahmlet-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@@ -23,15 +51,13 @@
2351
:root {
2452
color: #fff;
2553
background-color: var(--color-primary);
54+
line-height: 1.5;
55+
font-weight: 500;
56+
--default-font-family:'NanumSquareNeo', ui-sans-serif, system-ui, sans-serif;
2657
}
2758

2859
html { scroll-behavior: auto; }
2960

30-
body {
31-
font-family: 'NanumSquareNeo Var', system-ui, sans-serif;
32-
line-height: 1.5;
33-
font-weight: 500;
34-
}
3561

3662
/* 3) font-serif 클래스 사용 시 Hahmlet 적용 */
3763
.font-serif {

0 commit comments

Comments
 (0)