KoPub바탕체 웹폰트

KoPub바탕체 웹폰트

1 구글

<link rel='stylesheet' href='//fonts.googleapis.com/earlyaccess/kopubbatang.css'>

<style>
div { font-family: 'KoPub Batang'; font-size: 2em; }
div:nth-of-type(1) { font-weight: 300; }
div:nth-of-type(2) { font-weight: 400; }
div:nth-of-type(3) { font-weight: 700; }
</style>

<div>안녕하세요 1</div>
<div>안녕하세요 2</div>
<div>안녕하세요 3</div>

2 jsdelivr

<link rel='stylesheet' href='//cdn.jsdelivr.net/npm/font-kopub@1.0/kopubbatang.min.css'>

<style>
div { font-family: 'KoPub Batang'; font-size: 2em; }
div:nth-of-type(1) { font-weight: 300; }
div:nth-of-type(2) { font-weight: 400; }
div:nth-of-type(3) { font-weight: 700; }
</style>

<div>안녕하세요 1</div>
<div>안녕하세요 2</div>
<div>안녕하세요 3</div>

3 같이 보기

• KoPub돋움체 웹폰트
• KoPub바탕체