jooyoungho-Logo

Lab

작성자: 신정식, 소프트웨어 엔지니어 및 폰트 비저너리


훈민정음 반포 569돌을 맞이해서 자그마한 선물을 마련했습니다. 
작년 7월에 발표한 Noto Sans CJK 글꼴을 이제 여러분의 웹 사이트에서도 마음대로 쓸 수 있습니다. Noto Sans CJK 글꼴 패밀리 가운데 한국어 전용인 Noto Sans KR을 Google Fonts Early Access를 통해 제공합니다.  Noto Sans KR은 현대 한국어 뿐 아니라, 옛한글도 완벽하게 지원하고 총 6가지 굵기(weight) 중에 마음대로 골라 쓸 수 있습니다. ( 데모 페이지 )




구글은 웹과 인터넷에서 한글을 보다 아름답고 다양하게 표현할 수 있도록 많은 노력을 기울여 왔습니다. 그 일환으로 국내 글꼴 제작사가 만든 여러 종류의 한국어 글꼴을 구글 웹 폰트 서비스에 더해 왔습니다. 

이제 Noto Sans KR을 11번째 한국어 웹 글꼴로 내놓습니다. 

웹 디자이너 여러분, 어떤 플랫폼이나 화면 배율에서도 미려하고, 웹 접근성도 우수하며 검색 엔진 친화적인 웹 사이트 디자인을 원하신다면 웹 글꼴을 적용해 보세요. 

어떻게 쓰냐고요? 매우 간단합니다. 여러분의 웹 페이지 스타일 시트에 다음을 추가하시고, 글꼴로 '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>


출처 : https://developers-kr.googleblog.com/2015/10/noto.html



  1. PHP: 특정 아이피만 접근 허용

    Date2017.03.01 ByYoungho Views162
    Read More
  2. jQuery: 사용자의 스크롤 값을 구하고 싶을 땐?

    Date2017.02.13 ByYoungho Views140
    Read More
  3. Math.random()을 이용하여 일정 범위의 난수 표현하기

    Date2017.01.30 ByYoungho Views409
    Read More
  4. JavaScript: 비만도와 적정 체중

    Date2016.11.28 ByYoungho Views232
    Read More
  5. [link]JavaScript: Scope 이해

    Date2016.11.14 ByYoungho Views50
    Read More
  6. 구글 Noto 한국어 글꼴을 웹에서 마음껏! (구글 원문 펌)

    Date2016.10.12 ByYoungho Views73
    Read More
  7. !DOCTYPE html은 무엇인가?

    Date2016.09.20 ByYoungho Views84
    Read More
  8. meta 태그가 제대로 먹히지 않아 섬네일이 뜨지 않는 현상

    Date2016.08.14 ByYoungho Views89
    Read More
Board Pagination Prev 1 Next
/ 1
foot_logo
서버에 요청 중입니다. 잠시만 기다려 주십시오...