• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS3 Web Fonts</title>
7
    <style>
8
        @font-face {
9
            font-family: myGothicFont;
10
            src: url(/examples/media/NanumGothic.woff);
11
        }
12
        @font-face {
13
            font-family: myMyeongjoFont;
14
            src: url(/examples/media/NanumMyeongjo.woff);
15
        }
16
        #nGothic { font-family: myGothicFont; }
17
        #nMyeongjo { font-family: myMyeongjoFont; }
18
    </style>
19
</head>
20
​
21
<body>
22
​
23
    <h1>@font-face 규칙을 이용한 새로운 웹 글꼴 설정</h1>
24
    <p id="nGothic">웹 글꼴을 사용하여 나눔고딕 글꼴을 적용해 보았어요!</p>
25
    <p id="nMyeongjo">웹 글꼴을 사용하여 나눔명조 글꼴을 적용해 보았어요!</p>
26
​
27
</body>
28
​
29
</html>