그전에 알면 좋은 CSS 상속

color

.element {
	color: blue; /* 글자 색상이 파란색으로 지정됨 */
}

font-size, font-weight, font-family

.element {
	font-size: 16px;
}

.element2 {
	font-size: 1rem; /* 1rem당 16px */
}
.element {
	font-weight: bold;
}

.element2 {
	font-weight: 700; /* 기본적으로 700가 bold 속성은 동일한 굵기 */
}

Untitled

.element2 {
	font-family: 'Malgun Gothic', '-apple-system', 'Nanum Gothic';
}

@font-face {
	src: url('./assets/fonts/noto_sans_kr.woff2');
	font-family: 'Noto-Sans-KR-Regular';
	font-display: swap;
}

@font-face {
	src: url('./assets/fonts/noto_sans_kr_bold.woff2');
	font-family: 'Noto-Sans-KR-Bold';
	font-display: swap;
}

.element {
	font-family: 'Noto-Sans-KR-Regular';
}

line-height