©TCP-tryWWW

<!DOCTYPE html>
<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>