<html lang="ko">
<head>
<meta charset="UTF-8">
<title>CSS3 Web Fonts</title>
<style>
@font-face {
font-family: myGothicFont;
src: url(/examples/media/NanumGothic.woff);
}
@font-face {
font-family: myMyeongjoFont;
src: url(/examples/media/NanumMyeongjo.woff);
}
#nGothic { font-family: myGothicFont; }
#nMyeongjo { font-family: myMyeongjoFont; }
</style>
</head>
<body>
<h1>@font-face 규칙을 이용한 새로운 웹 글꼴 설정</h1>
<p id="nGothic">웹 글꼴을 사용하여 나눔고딕 글꼴을 적용해 보았어요!</p>
<p id="nMyeongjo">웹 글꼴을 사용하여 나눔명조 글꼴을 적용해 보았어요!</p>
</body>
</html>