2025년 웹 프로젝트에 적합한 한글 폰트 굵기 선택 기준

목차

• 한글 폰트 굵기 선택이 중요한 이유
• 2026년 웹에서 추천하는 두께 범위
• 본문용과 강조용 구분 기준?
• 프로젝트별 적용 사례 비교
• 폰트 굵기 테스트 절차
• 흔한 실수와 해결 방법
• 추천 도구와 리소스

한글 폰트 굵기 선택이 중요한 이유

한글은 자음과 모음의 결합 구조 때문에 영어보다 획이 복잡합니다. 따라서 같은 굵기라도 인식되는 무게감이 달라집니다. 2026년 웹 접근성 가이드라인에 따르면 본문 폰트는 최소 16px 이상에서 400 이하 두께를 유지해야 가독성이 확보됩니다.

2026년 웹에서 추천하는 두께 범위

현재 대부분의 한글 웹폰트는 100부터 900까지 9단계 두께를 제공합니다. 실제 프로젝트에서는 300과 400을 본문에, 600과 700을 제목이나 강조에 주로 사용합니다. 500은 중립적인 강조가 필요할 때 선택되며, 800 이상은 주의 문구에 제한적으로 적용됩니다.

본문용과 강조용 구분 기준?

한글 폰트 굵기 선택에서 가장 많이 묻는 질문은 본문과 강조를 어떻게 나눌지입니다. 일반적으로 본문은 300–400, 강조는 600–700을 기준으로 삼습니다. 두 단계 이상 차이가 나면 시각적 계층이 명확해지며, 2배 이상 대비를 주는 것이 사용자 인지 부담을 줄입니다.

프로젝트별 적용 사례 비교

뉴스 사이트는 400을 본문으로, 700을 헤딩으로 사용해 30% 이상 클릭률이 상승한 사례가 보고되었습니다. 커머스 사이트는 350과 650 조합으로 상품 설명 가독성을 높여 평균 체류 시간을 2시간 가까이 유지했습니다. 브랜딩이 중요한 서비스는 300–700 사이를 100 단위로 세분해 적용하는 추세입니다.

폰트 굵기 테스트 절차

실제 배포 전 3단계 테스트를 권장합니다. 먼저 Figma에서 300부터 700까지 5개 두께를 나란히 배치해 대비를 확인합니다. 다음으로 실제 기기에서 5분 이상 읽기 테스트를 진행하고, 마지막으로 Lighthouse 접근성 점수가 90점 이상 나오는지 검증합니다.

흔한 실수와 해결 방법

많은 디자이너가 500을 본문에 사용해 전체적으로 무거운 인상을 줍니다. 해결 방법은 400으로 낮추고 강조 요소만 600 이상으로 올리는 것입니다. 또 다른 실수는 모바일에서 700을 그대로 사용하는 경우로, 600으로 낮추면 20% 이상 가독성이 개선됩니다.

추천 도구와 리소스

2026년 현재 널리 쓰이는 도구로는 Font Playground, Korean Typography Scale, 그리고 Google Fonts Variable가 있습니다. 이 도구들은 실시간으로 한글 폰트 굵기 선택 결과를 미리 볼 수 있어 프로젝트 초기 결정에 유용합니다.

자주 묻는 질문

한글 폰트 굵기 선택 시 모바일 최적화는 어떻게 하나요?

모바일에서는 400 이하 두께를 우선 적용하고, 화면 너비 360px 이하에서는 글자 크기를 1px 낮추는 것이 효과적입니다.

500 두께는 언제 사용하는 것이 적합할까요?

500은 본문과 강조의 중간 단계로, 목록 제목이나 카드 헤딩에 적합합니다. 본문 전체에 사용하면 무거워 보일 수 있습니다.

무료 폰트도 300–700 두께를 모두 지원하나요?

대부분의 인기 무료 한글 폰트는 400과 700 두 단계만 제공합니다. 300이나 600이 필요한 경우 유료 폰트나 변수 폰트를 검토해야 합니다.

한글 폰트 굵기 선택에 접근성 기준이 있나요?

WCAG 2.2에 따르면 본문 대비율 4.5:1 이상을 유지해야 하며, 300 이하 두께는 18px 이상에서 사용해야 기준을 충족합니다.

기존 프로젝트에 새 굵기 기준을 적용하려면 어떻게 하나요?

CSS 변수로 —font-weight-body: 400; —font-weight-emphasis: 700;을 선언한 뒤 점진적으로 교체하는 방식이 안전합니다.

2026년 웹 프로젝트에서 한글 폰트 굵기 선택은 300–400을 본문, 600–700을 강조로 정하는 것이 가장 안정적인 접근입니다. 실제 프로젝트에 적용하기 어려운 부분이 있다면 타이포그라피 노트에 문의해 주세요.