• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Fonts</title>
7
    <style>
8
        body { font-size: 100%; }
9
        #large { font-size: 2.5em; }
10
        #small { font-size: 0.7em; }
11
        #fixed { font-size: 20px; }
12
    </style>
13
</head>
14
​
15
<body>
16
​
17
    <h1>font-size 속성을 이용한 글꼴의 크기 설정</h1>
18
    <p id="large">글꼴의 크기를 2.5em 으로 변경합니다.</p>
19
    <p>글꼴의 기본 크기인 1em 입니다.</p>
20
    <p id="small">글꼴의 크기를 0.7em 으로 변경합니다.</p>
21
    <p id="fixed">글꼴의 크기를 20px 로 변경합니다.</p>
22
​
23
</body>
24
​
25
</html>