Google의 Noto Sans KR 폰트에서 KS X 1001 기준 기본 한글 2350자와 로마 문자, 특수 문자만 추출한 폰트입니다. 원본은 11,172자로 773 KB - 2.5 MB 이고, light 버전은 3432자로 166 - 404 KB 입니다.
KS_X_1001_(3432_characters).txt경량화에 사용된 기준 글리프 3432자입니다.notosanskrhttps://fonts.google.com/earlyaccess#Noto+Sans+KR 의 CSS 파일은 폰트를 구글 CDN에서 가져오기 때문에 직접 서빙할 수 있도록 CSS 내 URL만 상대경로로 수정한 버전입니다.notosanskr-lightGoogle에서 제공하는 원본 OTF 폰트들을(2015-06-16에 릴리즈된 1.004버전으로 추정) KS X 1001 기준으로 3432자만 서브셋으로 추출한 경량화 버전입니다.
아래와 같이 HTML 또는 CSS에서 notosanskr.css 파일을 불러옵니다.
직접 서빙 시
<link rel="stylesheet" type="text/css" href="path/to/notosanskr-light/notosanskr.css">
CDN 사용 시
<link rel="stylesheet" type="text/css" href="https://rawgit.com/bek9/notosanskr-light/master/notosanskr-light/notosanskr.css">
직접 서빙 시
@import url(path/to/notosanskr-light/notosanskr.css);
CDN 사용 시
@import url(https://rawgit.com/bek9/notosanskr-light/master/notosanskr-light/notosanskr.css);
- Rawgit은 안정성이 보장된 CDN이 아니므로 직접 서빙하는 방법을 추천합니다.
- Notosanskr 원본은 URL을 아래와 같이 바꾸면 사용할 수 있습니다.
- 직접 서빙 시
path/to/notosanskr/notosanskr.css- CDN 사용 시
http://fonts.googleapis.com/earlyaccess/notosanskr.css- 로딩 속도를 향상시키거나 FOUT(Flash Of Unstyled Text)을 피하려면 CSS에서
@import대신 HTML에서link태그를 사용하는 것이 더 바람직합니다.
이제 font-family: 'Noto Sans KR', sans-serif; 같은 식으로 스타일을 정의하면 폰트를 사용할 수 있습니다.