나눔글꼴 css

https://zetawiki.com/wiki/%EB%82%98%EB%88%94%EA%B8%80%EA%BC%B4_%EC%9B%B9%ED%8F%B0%ED%8A%B8_%EC%A2%85%EA%B2%B0%EC%9E%90

<style>

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

div { float: left; }
.normal * { font-weight: normal; }
</style>

<div class='normal'>
	<h2>기본 글꼴</h2>
	<h2 style="font-family: 'Nanum Gothic';">나눔고딕</h2>
	<h2 style="font-family: 'Nanum Gothic Coding';">나눔고딕코딩</h2>
	<h2 style="font-family: 'Nanum Myeongjo';">나눔명조</h2>
	<h2 style="font-family: 'Nanum Brush Script';">나눔손글씨 붓체</h2>
	<h2 style="font-family: 'Nanum Pen Script';">나눔손글씨 펜체</h2>
	<h2 style="font-family: 'Nanum Barun Gothic';">나눔바른고딕</h2>
</div>
<div class='bold'>
	<h2>기본 글꼴</h2>
	<h2 style="font-family: 'Nanum Gothic';">나눔고딕</h2>
	<h2 style="font-family: 'Nanum Gothic Coding';">나눔고딕코딩</h2>
	<h2 style="font-family: 'Nanum Myeongjo';">나눔명조</h2>
	<h2 style="font-family: 'Nanum Brush Script';">나눔손글씨 붓체</h2>
	<h2 style="font-family: 'Nanum Pen Script';">나눔손글씨 펜체</h2>
	<h2 style="font-family: 'Nanum Barun Gothic';">나눔바른고딕</h2> 

</div>