웹폰트 적용 (나눔스퀘어, 본고딕, Noto Sans)

나눔스퀘어

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

'Nanum Gothic'

font-weight : 400, 700, 800

'NanumSquare'

font-weight : 300, 400, 700, 800

body, h1, h2, h3, h4, h5, h6, li, p, span, div {font-family:"Montserrat","Nanum Square","NanumSquare", sans-serif !important; letter-spacing:0px !important;}

========================================================================================================

나눔명조

<link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&amp;subset=korean" rel="stylesheet">

<style>@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&subset=korean');</style>

font-family: 'NanumMyeongjo', serif;

========================================================================================================

본고딕1

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

font-family: "Noto Sans KR", sans-serif;

글자 굵기(font-weight)는 100, 300, 400, 500, 700, 900를 지원합니다.

- Referance : https://www.cmsfactory.net/node/20020

본고딕2

<link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,700" rel="stylesheet">

<style>

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

</style>

font-family: 'Noto Sans', sans-serif;

body, h1, h2, h3, h4, h5, h6, li, p, span, div {font-family:"Roboto","Noto Sans KR", sans-serif !important; letter-spacing:0px !important;}

본고딕3

Thin(100)

Light(300)

Regular(400)

Medium(500)

Bold(700)

Bolder(900)

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

body {font: 24px/30px 'Noto Sans KR', sans-serif;}

.thin {font-weight: 100;}

.light {font-weight: 300;}

.regular {font-weight: 400;}

.medium {font-weight: 500;}

.bold {font-weight: 700;}

.bolder {font-weight: 900;}

<p><span class="thin">반갑습니다.</span></p>

<p><span class="light">반갑습니다.</span></p>

<p><span class="regular">반갑습니다.</span></p>

<p><span class="medium">반갑습니다.</span></p>

<p><span class="bold">반갑습니다.</span></p>

<p><span class="bolder">반갑습니다.</span></p>

- Referance : https://moonspam.github.io/Noto-Sans-Korean-Web-Fonts/