본문 바로가기
웹폰트/고딕

Noto Sans KR

by treeview_officail 2025. 8. 5.

Noto Sans KR (본고딕)

본고딕(Noto Sans KR)은 구글과 어도비가 함께 개발한 오픈소스 한글 서체로, 깔끔하고 현대적인 느낌이 특징입니다.

목차

개요

본고딕은 다양한 언어를 하나의 디자인 철학으로 표현하기 위해 제작된 서체입니다. 한글뿐만 아니라 다국어 환경에서도 깔끔하게 동작하며, 본문용으로도 UI용으로도 적합합니다.

CDN 연결 방법

아래 링크를 <head> 안에 삽입하면 됩니다.

Html 
<link href="https://cdn.jsdelivr.net/npm/noto-sans-kr@0.1.1/styles.min.css" rel="stylesheet">

그리고 CSS에 아래처럼 적용합니다:

Css 
body {
    font-family: 'Noto Sans KR', sans-serif;
}

사용 예제

아래 문장은 본고딕 폰트를 적용한 예시입니다.

👋 안녕하세요!
This is Noto Sans KR font in action.

폰트 두께 비교

예시 두께
[Noto Sans KR] 안녕하세요. 반갑습니다. 100
[Noto Sans KR] 안녕하세요. 반갑습니다. 200
[Noto Sans KR] 안녕하세요. 반갑습니다. 300
[Noto Sans KR] 안녕하세요. 반갑습니다. 400 (Regular)
[Noto Sans KR] 안녕하세요. 반갑습니다. 500
[Noto Sans KR] 안녕하세요. 반갑습니다. 600
[Noto Sans KR] 안녕하세요. 반갑습니다. 700 (Bold)
[Noto Sans KR] 안녕하세요. 반갑습니다. 800
[Noto Sans KR] 안녕하세요. 반갑습니다. 900 (Black)

라이선스 요약표

카테고리 사용범위 허용여부
웹사이트 HTML, CSS, 웹페이지 콘텐츠 가능
앱/소프트웨어 모바일 앱, 소프트웨어 폰트 임베딩 가능
인쇄 책자, 리플렛, 포스터 등 가능
상업적 사용 브랜딩, 로고 제외 모든 영역 가능
폰트 수정 라이선스 유지 조건 하에 가능 가능

주의사항 및 팁

  • Google Fonts에서 제공되며, 안정적이고 빠르게 불러올 수 있습니다.
  • 다국어 웹사이트에 최적화된 글로벌 서체입니다.
  • 라이선스는 SIL Open Font License (OFL)로 자유롭게 사용 가능합니다.
  • 공식 다운로드 및 미리보기
주의

브라우저에 따라 폰트 캐시가 남아 있을 수 있으니, 적용이 안될 경우 새로고침하거나 캐시 삭제를 시도해보세요.

저작자표시 (새창열림)

'웹폰트 > 고딕' 카테고리의 다른 글

Pretendard 폰트  (0) 2025.08.05

댓글

티스토리툴바