폰트 추천

이렇게 씁니다

1. 콘텐츠 성격을 고릅니다 — 브랜드/기업 · 블로그/매거진 · 쇼핑몰/커머스 · 포트폴리오 · 기술 문서.
2. 플랫폼을 고릅니다 — 웹 · 모바일 앱 · 인쇄물.
3. 실행하기를 누르면 추천 조합과 타이포 스케일이 나옵니다.

성격별 추천과 이유

브랜드/기업      Pretendard · Noto Sans KR
                 신뢰감 있는 그로테스크. **자간 −1~−2%**
블로그/매거진    Noto Serif KR(제목) + Pretendard(본문) · 리디바탕
                 **명조 제목이 읽는 맛을 살린다**
쇼핑몰/커머스    Pretendard · Spoqa Han Sans Neo
                 **숫자 가독성 좋은 폰트 필수**(가격 표기)
포트폴리오       SUIT · Gmarket Sans(제목)
                 개성 있는 제목 + 무난한 본문 조합
기술 문서        Pretendard(본문) + JetBrains Mono / D2Coding(코드)
                 **코드 폰트는 0/O, 1/l 이 구분되는 것**

[타이포 스케일 — 플랫폼에 따라 달라진다]
  H1   웹 40px · 모바일 앱 28px      굵기 700-800 · 행간 1.2
  H2   웹 28px · 모바일 앱 22px      굵기 700 · 행간 1.3
  본문  웹/앱 16px · 인쇄물 10.5pt    굵기 400 · **행간 1.7**
  캡션  웹/앱 13px · 인쇄물 8pt       굵기 400 · 행간 1.5

본문 **행간 1.7** 이 표에서 가장 중요한 값입니다. 폰트를 무엇으로 바꾸든 행간이 좁으면 한글은 읽기 어려워집니다. 한글은 라틴 문자보다 글자가 빽빽해 여백이 더 필요합니다.

결과 읽는 법

• 추천 폰트는 대부분 **무료 상업용 이용이 가능한 한글 폰트**지만, 쓰기 전에 각 폰트의 라이선스를 직접 확인하세요.
• 웹에 쓸 때는 폰트 파일 용량을 확인하세요. 무거운 폰트는 첫 화면 표시가 늦어집니다.
• 본문은 16px 아래로 내리지 마세요. 모바일에서 특히 읽기 어려워집니다.

주의할 점

• 폰트 라이선스는 배포·임베딩·수정 허용 범위가 제각각입니다. **상업적 사용 전 반드시 각 폰트의 라이선스를 확인하세요.**
• 추천은 일반적인 조합입니다. 브랜드 가이드가 있으면 그쪽이 우선입니다.
• 입력값은 브라우저 안에서만 처리되고 서버로 전송되지 않습니다. 설치·가입도 없습니다.

NB Design Tools의 다른 도구

• 이미지 비율 계산기 — 비율을 유지한 채 이미지 크기를 계산합니다
• 컬러 팔레트 생성기 — 기준 색 하나로 역할별 7색과 CSS 변수를 만듭니다
• CTA 문구 만들기 — 유도할 행동과 톤으로 버튼 문구 후보를 만듭니다
• 배너 문구 만들기 — 상품과 혜택으로 배너 카피와 크기별 가이드를 만듭니다
• 디자인 브리프 작성 — 프로젝트와 요구사항으로 디자인 요청서를 만듭니다