CDN 사용
1
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap" rel="stylesheet">
직접 설치
font-family
명은 동일
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
// web font
@font-face {
font-family: 'nanum';
font-weight: 400;
font-display: swap;
src: url("../../font/NanumGothic.woff2") format('woff2'),
url("../../font/NanumGothic.woff") format('woff');
}
@font-face {
font-family: 'nanum';
font-weight: 600;
font-display: swap;
src: url("../../font/NanumGothicBold.woff2") format('woff2'),
url("../../font/NanumGothicBold.woff") format('woff');
}
div {
font-weight: 600;
}