글꼴 관련 스타일

font-family

글꼴을 지정하는 속성
일반적으로 <body> 태그에 정의해서 문서 전체에 적용
두 단어 이상으로 된 글꼴은 꼭 ‘(작은 따옴표)나 “(큰 따옴표)로 감싸주어야 동작
여러개를 적을 경우 ,(콤마)로 구분하며, 선순위의 폰트가 없을 경우 후순위가 적용

body {
			font-family: "돋움", "맑은 고딕", "굴림";
}

font-size

xx-small, x-small, small, medium, large, x-large, xx-large 키워드로 폰트 크기 조절 (잘 사용하지 않음)
px 필셀 단위로 폰트크기 조절
em 부모요소의 글자크기 기준 배율로 폰트크기 조절
rem 최상위 요소의 글자크기 기준 배율로 폰트크기 조절

<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		.p1_size1 {
			font-size: xx-small;
		}
		.p1_size2 {
			font-size: medium;
		}
		.p1_size3 {
			font-size: xx-large;
		}
		.p1_size4 {
			font-size: 10px;
		}
		.p1_size5 {
			font-size: 1.5em;
		}
		.p1_size6 {
			font-size: 1.5rem;
		}
	</style>
</head>
<body>
	<div style="font-size: 20px;">
		<p class="p1_size1">폰트 크기 xx-small</p>
		<p class="p1_size2">폰트 크기 medium</p>
		<p class="p1_size3">폰트 크기 xx-large</p>
		<p class="p1_size4">폰트 크기 px</p>
		<p class="p1_size5">폰트 크기 em</p>
		<p class="p1_size6">폰트 크기 rem</p>
	</div>
</body>
</html>

Untitled

font-weight

폰트의 굵기를 설정 100~900을 설정 가능