<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div style="font-size: 52px; font-weight: 900;line-height:1.5">
글꼴<br>
<div style="font-size: 33px;font-weight:400;">
abc
</div>
</div>
</body>
</html>font - size : 픽셀 글자의 크기를 조정할 수 있으며 글자의 세로크기가 픽셀만큼이란 뜻이다.
font - weight: 굵기 글자의 굵기를 나타낼 수 있으며 100부터 900까지 100 단위로 입력한다. 기본값은 400이다.
line-height: 줄 높이 줄 높이를 조정할 수 있다. 줄높이가 1.5이고 font가 33이면 33*1.5 = 49.5px이 줄높이가 되는 형식이다.
출력값
글꼴
abc
'HTML, CSS > CSS' 카테고리의 다른 글
| [CSS] 여백 (0) | 2023.08.26 |
|---|---|
| [CSS] 너비, 높이 (1) | 2023.08.26 |
| [CSS] 정렬 (0) | 2023.08.26 |
| [CSS] 글꼴 (0) | 2023.08.26 |
| [CSS] 배경색, 글자색, 색상 (0) | 2023.08.25 |
