[웹폰트] 구글 Noto 한국어 글꼴을 웹에서 마음껏! > 온라인강의

본문 바로가기
 
 
 
오늘 1,601
어제 2,203
최대 2,526
전체 3,262,916

최근 방문자

994
927
1806
2341
2203
1601
25 26 27 28 29 30
비즈니스의 시작 비즈명함 ~ 가격, 품질, 배송 3가지 만족을 드리는 비즈명함 / 즉석명함 / 급행서비스 / 서울 전지역 수도권일부 3시간배송

select * from g5_menu where me_use = '1' and me_link like '%lecture%'
온라인강좌 홈 > 온라인강좌 > 온라인강좌

HTML | [웹폰트] 구글 Noto 한국어 글꼴을 웹에서 마음껏!

페이지 정보

작성일2016-02-02 02:21 조회2,073회 댓글0건

본문

구글 Noto 한국어 글꼴을 웹에서 마음껏!

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

훈민정음 반포 569돌을 맞이해서 자그마한 선물을 마련했습니다. 

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

  Noto%2BSans%2BKR%2BBlog%2B-%2BOct%2B2015%2BScreenshot%2B.png 


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


자료출처 : http://googledevkr.blogspot.kr/2015/10/noto.html 
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.


목록

Total 1,945건 1 페이지
온라인강의 목록
번호 제목
1945
Search SEO 최적화 메타 구성하기 (update.2017-03-29)  Hit.23
1944
JSP alert 창 띄우기 (write.2017-03-29)  Hit.24
1943
JSP MSSQL 접속설정하기 (write.2017-03-29)  Hit.29
1942
그누보드 [G5] 전체쪽지 보내기 (write.2017-03-29)  Hit.22
1941
1940
Adobe Adobe CS3~CC 프로그램 완전삭제 (write.2017-03-21)  Hit.130
1939
1938
JSP utf-8 한글깨짐 (write.2017-03-20)  Hit.139
1937
1936
1935
1934
1933
그누보드 [G5] 게시물 순서 바꾸기 (write.2017-03-16)  Hit.189
1932
전자결제 [PayPal] PHP 결제연동 (write.2017-03-15)  Hit.186
1931
전자결제 [PayPal] ASP 결제 연동 (write.2017-03-15)  Hit.182
1930
1929
1928
JSP Service Temporary Unavailable! (write.2017-03-13)  Hit.199
1927
그누보드 [G5] [최신글] 한줄소식 (write.2016-02-19)인기글첨부파일  Hit.1717
1926
1925
1924
1923
1922
일반 FireFox 플러그인 (write.2015-02-28)인기글  Hit.2079
1921
게시물 검색
 
 
상호: 해피정닷컴 대표:정창용 사업자등록번호:119-05-36414 (08394) 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
전화: 070-7600-3500 팩스:02-865-3528 개인정보관리:정창용 mail@happyjung.com 에스크로확인
개인정보취급방침
COPYRIGHT 2001~2017 해피정닷컴. All rights reserved. 부가통신사업신고:서울체신청-1217 통신판매신고:2014-서울구로-0074
 
모바일 버전으로 보기