Skip to content

Source Han Sans

본고딕(Noto Sans CJK/Source Han Sans)은 구글과 어도비 시스템즈가 2014년 7월 출시한 한국어, 중국어 번체와 간체, 일본어와 라틴어, 그리스어, 키릴 자모를 지원하는 한중일 공통 오픈소스 글꼴이다. 구글은 Noto Sans CJK, 어도비는 본고딕(Source Han Sans)이란 이름으로 배포한다. 개발비용은 구글이 전액 부담했으며, 어도비가 주무를 맡고 산돌커뮤니케이션과 시노타입, 이와타가 디자인에 참여했다. 개발기간은 3년이다. OFL 1.1 라이선스를 적용받는다. 데스크톱용 타입킷 또는 구글 홈페이지를 통해 내려받을 수 있다. 자매서체로 본명조가 있다.

부가 기능

특히 본고딕에는 고정폭 글꼴인 Noto Sans Mono CJK가 제공된다. 구글의 노토 폰트(Noto font family)에 포함되어있다.

2017년 4월 3일에는 중국어 간체, 중국어 번체, 일본어 및 한국어를 한 글꼴에서 모두 지원하는 자매 서체인 Noto Serif CJK (본명조)가 출시됐다.

See also

Downloads

Noto Sans Korean for Web Developer
https://github.com/bswsw/noto-sans-korean-webfont
Lightweight Hangul web font files
https://github.com/UYEONG/NotoSans-subset
Google API's notosanskr.css
https://fonts.googleapis.com/earlyaccess/notosanskr.css

@font-face CSS 

@font-face {
    font-family: "Noto Sans KR";
    font-weight: 100;
    font-style: normal;
    src: local("Noto Sans KR Thin"),
    url("../assets/fonts/notosanskr/NotoSans-Thin.woff2") format("woff2"),
    url("../assets/fonts/notosanskr/NotoSans-Thin.woff") format("woff"),
    url("../assets/fonts/notosanskr/NotoSans-Thin.eot?") format("eot"),
    url("../assets/fonts/notosanskr/NotoSans-Thin.otf") format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-weight: 200;
    font-style: normal;
    src: local("Noto Sans KR Light"),
    url("../assets/fonts/notosanskr/NotoSans-Light.woff2") format("woff2"),
    url("../assets/fonts/notosanskr/NotoSans-Light.woff") format("woff"),
    url("../assets/fonts/notosanskr/NotoSans-Light.eot?") format("eot"),
    url("../assets/fonts/notosanskr/NotoSans-Light.otf") format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-weight: 300;
    font-style: normal;
    src: local("Noto Sans KR DemiLight"),
    url("../assets/fonts/notosanskr/NotoSans-DemiLight.woff2") format("woff2"),
    url("../assets/fonts/notosanskr/NotoSans-DemiLight.woff") format("woff"),
    url("../assets/fonts/notosanskr/NotoSans-DemiLight.eot?") format("eot"),
    url("../assets/fonts/notosanskr/NotoSans-DemiLight.otf") format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-weight: 400; /* normal */
    font-style: normal;
    src: local("Noto Sans KR Regular"),
    url("../assets/fonts/notosanskr/NotoSans-Regular.woff2") format("woff2"),
    url("../assets/fonts/notosanskr/NotoSans-Regular.woff") format("woff"),
    url("../assets/fonts/notosanskr/NotoSans-Regular.eot?") format("eot"),
    url("../assets/fonts/notosanskr/NotoSans-Regular.otf") format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-weight: 500;
    font-style: normal;
    src: local("Noto Sans KR Medium"),
    url("../assets/fonts/notosanskr/NotoSans-Medium.woff2") format("woff2"),
    url("../assets/fonts/notosanskr/NotoSans-Medium.woff") format("woff"),
    url("../assets/fonts/notosanskr/NotoSans-Medium.eot?") format("eot"),
    url("../assets/fonts/notosanskr/NotoSans-Medium.otf") format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-weight: 700; /* bold */
    font-style: normal;
    src: local("Noto Sans KR Bold"),
    url("../assets/fonts/notosanskr/NotoSans-Bold.woff2") format("woff2"),
    url("../assets/fonts/notosanskr/NotoSans-Bold.woff") format("woff"),
    url("../assets/fonts/notosanskr/NotoSans-Bold.eot?") format("eot"),
    url("../assets/fonts/notosanskr/NotoSans-Bold.otf") format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-weight: 900;
    font-style: normal;
    src: local("Noto Sans KR Black"),
    url("../assets/fonts/notosanskr/NotoSans-Black.woff2") format("woff2"),
    url("../assets/fonts/notosanskr/NotoSans-Black.woff") format("woff"),
    url("../assets/fonts/notosanskr/NotoSans-Black.eot?") format("eot"),
    url("../assets/fonts/notosanskr/NotoSans-Black.otf") format("opentype");
}

Favorite site