[웹폰트] 구글 Noto 한국어 글꼴을 웹에서 마음껏! > 기술자료 | 해피정닷컴

[웹폰트] 구글 Noto 한국어 글꼴을 웹에서 마음껏! > 기술자료

본문 바로가기

사이트 내 전체검색

[웹폰트] 구글 Noto 한국어 글꼴을 웹에서 마음껏! > 기술자료

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

페이지 정보


본문

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

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

훈민정음 반포 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(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
font-family: 'Noto Sans KR', sans-serif;

한중일 다국어 페이지를 만드신다고요? 문제 없답니다.
html에서 콘텐츠의 언어를 'lang' 태그로 명시하고 다음을 스타일 시트에 더하시면 됩니다. 

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://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 2,643건 1 페이지
  • RSS
기술자료 목록
2643
PHP   367  2025-02-07 09:27 ~ 2025-02-07 16:59  
2642
그누보드   295  2025-02-07 08:55 ~ 2025-02-07 17:04  
2641
그누보드   553  2024-11-26 21:14 ~ 2024-11-26 21:22  
2640
그누보드   634  2024-11-22 10:52 ~ 2024-11-22 11:03  
2639
호스팅   659  2024-11-19 14:41 ~ 2024-11-19 21:17  
2638
Linux   493  2024-11-18 15:45 ~ 2024-11-18 15:48  
2637
일반   457  2024-11-15 16:45 ~ 2024-11-15 16:46  
2636
Secure   496  2024-11-06 18:48 ~ 2024-11-06 18:50  
2635
영카트   706  2024-10-21 13:44 ~ 2024-10-21 19:42  
2634
전자결제   1463  2024-09-05 09:30  
2633
MySQL   1352  2024-03-29 14:14 ~ 2024-03-29 14:14  
2632
그누보드   1559  2024-02-23 18:40 ~ 2024-02-24 06:13  
2631
JavaScript   1688  2024-02-16 18:50 ~ 2024-02-16 20:37  
2630
Java   1674  2024-02-06 16:49  
2629
PHP   1864  2024-02-06 16:42  
2628
호스팅   1685  2024-01-29 12:54  
2627
PHP   1596  2024-01-26 11:04 ~ 2024-01-26 11:13  
2626
MySQL   1713  2024-01-08 17:37 ~ 2024-03-14 16:00  
2625
SQL   2029  2024-01-08 12:36  
2624
영카트   2025  2024-01-04 14:57  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2025 해피정닷컴. All Rights Reserved.