다음의 코드를 실행해 봅시다.
<!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>
'WEB_TECH > 웹개발TIP' 카테고리의 다른 글
iscroll을 사용하여 모바일웹 내부에 스크롤 만들기 (0) | 2013.07.10 |
---|---|
웹페이지에 네이버지도 표시하는 방법 (0) | 2013.06.24 |
[SNS연동] 내 웹페이지에 facebook 좋아요 버튼 달기 (0) | 2013.05.30 |
[SNS연동] 웹페이지에 tweet버튼 달기 (0) | 2013.05.30 |
[SNS연동] 웹에서 카카오톡 링크 사용하는 방법 (0) | 2013.05.30 |
video.js 플러그인을 알아봅시다. (0) | 2013.05.03 |
익스플로러 하위버전테스트 할 수 있는 프로그램 : IE Tester 다운받기 (0) | 2013.05.03 |
내 블로그에 jsfiddle을 사용하여 소스코드 공유하기 (0) | 2013.04.29 |
웹페이지에서 이미지가 없는 곳을 메우는데 유용한 방법 (0) | 2013.04.25 |
자바스크립트 팝업창 띄우기 (0) | 2012.11.15 |