미리보기
다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 100 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 200 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 300 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 400 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 500 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 600 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 700 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 800 다람쥐 헌 쳇바퀴에 타고파 Ag 123
- 900 다람쥐 헌 쳇바퀴에 타고파 Ag 123
적용하는 법
HTML head에 아래를 붙이면 끝입니다. 폰트 파일을 내려받거나 서버에 올릴 필요는 없습니다.
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap">
<style>
body { font-family: "Noto Sans KR", sans-serif; }
</style>- 위 link 태그를
<head>안에 넣는다. - CSS에서
font-family: "Noto Sans KR", sans-serif;로 지정한다. - 폰트를 받는 동안 쓸 대체 폰트를 뒤에 남겨 둔다. 지우면 로딩 중 글자가 안 보인다.
이럴 때 쓴다
사용자가 어떤 글자를 입력할지 모르는 서비스. 이름, 주소, 한자, 옛한글이 섞여 들어와도 네모칸이 안 뜬다.
이럴 땐 다른 걸 쓴다
특별한 인상이 필요한 곳. 안드로이드 기본 폰트와 거의 같아서 폰트를 안 쓴 것처럼 보인다.
같이 쓰면 좋은 폰트: 본명조
같은 고딕 계열: 프리텐다드 · 수트 · 나눔고딕 · IBM 플렉스 산스 KR · 고운돋움
정보
| 영문 이름 | Noto Sans KR |
|---|---|
| CSS font-family | Noto Sans KR |
| 굵기 | 100, 200, 300, 400, 500, 600, 700, 800, 900 (9종) |
| 가변 폰트 | 예 — 굵기를 전부 넣어도 파일 하나 |
| 라이선스 | OFL 1.1 |
| 배포 | Google Fonts |
| 공식 페이지 | https://fonts.google.com/noto/specimen/Noto+Sans+KR |
자주 묻는 질문
본고딕(Noto Sans KR)을 상업적으로 써도 되나요?
OFL 1.1이라 상업적 사용과 수정, 재배포가 허용됩니다. 폰트 파일 자체를 파는 것만 금지됩니다. 계약이 걸린 작업이라면 공식 페이지에서 원문을 확인하세요.
본고딕은 굵기가 몇 종인가요?
9종입니다(100, 200, 300, 400, 500, 600, 700, 800, 900). 가변 폰트라 굵기를 전부 넣어도 파일은 하나입니다.
본고딕은 어디에 쓰면 안 되나요?
특별한 인상이 필요한 곳. 안드로이드 기본 폰트와 거의 같아서 폰트를 안 쓴 것처럼 보인다.