웹페이지에서 나눔고딕 사용하는 방법
다음의 코드를 실행해 봅시다.
<!DOCTYPE html>
<html lang="kr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>나눔웹폰트</title>
<link href="http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/earlyaccess/nanumpenscript.css" rel="stylesheet" type="text/css" />
<style>
#f1 { font-family: 'Nanum Brush Script', serif; }
#f2 { font-family: 'Nanum Gothic', serif; }
#f3 { font-family: 'Nanum Gothic Coding', serif; }
#f4 { font-family: 'Nanum Myeongjo', serif; }
#f5 { font-family: 'Nanum Pen Script', serif; }
</style>
</head>
<body>
<h1 id="f1">나눔브러쉬</h1>
<h1 id="f2">나눔고딕</h1>
<h1 id="f3">나눔고딕코딩</h1>
<h1 id="f4">나눔명조</h1>
<h1 id="f5">나눔펜</h1>
</body>
</html>
