[CSS] 나눔스퀘어 폰트 적용하는 방법!

나눔스퀘어 사용하는 방법

link 방식

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css">

import 방식

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

---

적용시키는 방법

css

body		{ font-family: 'NanumSquare', sans-serif; }
.normal		{ font-weight: 400 }
.bold		{ font-weight: 700 }
.bolder		{ font-weight: 800 }
.light		{ font-weight: 300 }

옵션 : Regular(400), Bold(700), Extra Bold(800), Light(300) 지원

 

나눔스퀘어 폰트 : http://hangeul.naver.com/2016/nanum

참고 사이트 : github.com/moonspam/NanumSquare

데모 사이트 : htmlpreview.github.io/?github.com/moonspam/NanumSquare/blob/master/index.html