웹폰트 #
Find similar titles

Structured data

Category: Programming

웹폰트 #

구글 Noto 한국어 글꼴 #

구글 폰트에서는 Noto Sans CJK 글꼴 패밀리 가운데 하나인 한국어 전용인 Noto Sans KR 폰트를 Google Fonts Early Access를 통해 제공됩니다. Noto Sans KR은 현대 한국어 뿐 아니라, 옛 한글도 완벽하게 지원하고 총 6가지 굵기(weight)를 마음대로 선택할 수 있습니다.

Noto Sans CJK

적용방법 #

웹 페이지 스타일 시트에 다음을 추가하고, 글꼴로 'Noto Sans KR'을 지정합니다.

~~~~
 @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
 font-family: 'Noto Sans KR', sans-serif;
~~~~

다국어 페이지 적용방법 #

예를들어 한중일 다국어 페이지를 만들경우, html에서 콘텐츠의 언어를 'lang' 태그로 명시하고 다음을 스타일 시트에 더하면 됩니다.

~~~~
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);

/*  한국어 */
:lang(ko) {
  font-family: 'Noto Sans KR', sans-serif;
}

 /* 일본어 */
:lang(ja) {
  font-family: 'Noto Sans JP', sans-serif;
}

 /* 중국어 (간체) */
:lang(zh-Hans) {
  font-family: 'Noto Sans SC', sans-serif;
}

 ... 생략 ... 
<body>
.... 생략 ....
<div lang="ko"> ... 한국어 콘텐츠</div>
<div lang="ja"> ... 일본어 콘텐츠</div>
<div lang="zh-Hans"> ... 중국어 간체 콘텐츠</div>
    ~~~~
 <body>
.... 생략 ....
<div lang="ko"> ... 한국어 콘텐츠</div>
<div lang="ja"> ... 일본어 콘텐츠</div>
<div lang="zh-Hans"> ... 중국어 간체 콘텐츠</div>
~~~~