디자인 프로젝트별 폰트 무게감 선택 체크리스트 — 프로젝트별 폰트 무게감
브랜딩·웹·인쇄·모바일 프로젝트에 따라 폰트 무게를 100900 사이에서 다르게 배분하는 체크리스트를 활용하세요. 핵심은 굵은 글자를 많이 쓰는 것이 아니라 매체, 글자 크기, 배경 대비, 출력 환경에 맞춰 정보의 위계를 설계하는 것입니다. 프로젝트별 폰트 무게감은 실제 화면이나 인쇄물에서 시험한 뒤 확정해야 합니다.
TL;DR 핵심 요약
브랜딩·웹·인쇄·모바일 환경에 맞춰 100~900 범위의 프로젝트별 폰트 무게감을 배분하고 검수하는 실무 체크리스트입니다.
목차
목차
폰트 무게를 숫자로 이해하기
폰트 무게는 일반적으로 100부터 900까지 표시합니다. 100–300은 가벼운 인상, 400은 본문용 Regular, 500은 중간 강조, 600–700은 제목과 버튼, 800–900은 강한 주목성이 필요한 표현에 주로 사용됩니다. 다만 숫자가 같아도 글꼴마다 실제 획 두께와 글자 면적은 다릅니다.
W3C의 가변 폰트 관련 규격에 따르면 wght 축은 글자 무게를 연속적으로 조절하는 대표 축입니다. 따라서 400과 700만 고집하지 않고 450, 550, 650처럼 세밀하게 조정할 수 있습니다. 단, 해당 폰트 파일이 그 범위와 값을 지원하는지 먼저 확인해야 합니다.
한글은 획과 조합 요소가 많아 작은 크기에서 내부 공간이 쉽게 답답해집니다. 영문에서 선명한 700이 같은 크기의 한글에서는 뭉쳐 보일 수 있으므로, 숫자보다 실제 낱말과 문장으로 판단하는 편이 안전합니다.
프로젝트에 따라 무엇이 달라질까?
브랜딩은 기억성과 고유한 인상을, 웹은 계층과 로딩 성능을, 인쇄는 종이와 잉크의 번짐을, 모바일은 작은 화면에서의 판독성을 우선합니다. 같은 브랜드라도 로고에는 700, 웹 본문에는 400, 모바일 버튼에는 600을 적용하는 식으로 역할을 분리할 수 있습니다.
접근성 지침에 따르면 텍스트와 배경의 명도 대비는 일반 텍스트에서 최소 4.5:1을 확보하는 것이 기본 기준입니다. 얇은 무게를 선택한 뒤 색상 대비만 수치상 충족시키더라도, 저해상도 화면이나 밝은 야외에서는 획이 흐려질 수 있습니다. 무게와 색 대비를 함께 시험해야 하는 이유입니다.
| 프로젝트 | 권장 시작 범위 | 기본 배분 예시 | 우선 확인 기준 |
|---|---|---|---|
| 브랜딩 | 300–800 | 로고 600–800, 설명 300–500 | 개성, 축소 재현성 |
| 웹사이트 | 400–700 | 본문 400, 소제목 600, 제목 700 | 대비, 로딩 속도 |
| 인쇄물 | 300–700 | 본문 400, 캡션 400–500, 제목 600–700 | 종이, 잉크 번짐 |
| 모바일 앱 | 400–700 | 본문 400–500, 버튼 600, 제목 700 | 작은 화면, 야외 시인성 |
프로젝트별 폰트 무게감 체크리스트
먼저 콘텐츠 역할을 본문, 캡션, 버튼, 소제목, 대제목으로 나눕니다. 그다음 무게 단계를 3개 안팎으로 제한해 본문 400, 중간 강조 600, 핵심 제목 700처럼 배분합니다. 단계가 5개 이상이면 차이가 모호해져 사용자가 정보 위계를 빠르게 파악하기 어렵습니다.
브랜딩에서는 로고를 명함처럼 작은 크기와 옥외물처럼 큰 크기로 모두 출력해 획의 균형을 확인합니다. 웹에서는 사용하려는 무게 파일마다 다운로드 용량이 늘어날 수 있으므로 필요한 무게만 제공하거나 가변 폰트를 검토합니다. 인쇄물은 실제 용지에 1회 이상 교정 출력하고, 모바일은 최소 2종의 화면 크기에서 확인하는 것이 좋습니다.
실무에서는 다음 항목을 순서대로 점검할 수 있습니다.
- 사용 폰트가 필요한 100–900 범위를 실제로 지원하는가?
- 본문과 제목의 무게 차이가 한눈에 구분되는가?
- 한글 자소의 내부 공간이 작은 크기에서도 열려 있는가?
- 버튼의 굵기가 주변 본문보다 명확하되 지나치게 뭉치지 않는가?
- 밝은 화면과 어두운 화면에서 모두 획이 안정적인가?
- 숫자, 영문, 특수문자의 무게가 한글과 조화를 이루는가?
매체별 테스트와 검수 절차
프로젝트별 폰트 무게감 검수는 후보 선택, 시안 적용, 실제 환경 테스트, 최종 토큰화의 4단계로 진행합니다. 처음부터 한 가지 무게를 확정하지 말고 본문은 400·450·500, 제목은 600·700 등 2–3개 후보를 비교하면 판단 근거가 선명해집니다.
| 단계 | 작업 | 권장 기준 |
|---|---|---|
| 1. 후보 선정 | 지원 무게와 라이선스 확인 | 후보 2–3종 |
| 2. 문장 적용 | 실제 제목·본문·숫자 입력 | 최소 3개 화면 |
| 3. 환경 테스트 | 기기·인쇄·명암 조건 비교 | 모바일 2종, 교정쇄 1회 |
| 4. 시스템 반영 | 스타일 이름과 용도 기록 | 무게 단계 3–4개 |
웹과 모바일은 CSS의 font-weight 값뿐 아니라 실제 로드된 파일을 개발자 도구로 확인해야 합니다. 지원하지 않는 600을 지정하면 브라우저가 가까운 무게를 대신 쓰거나 인위적으로 굵게 표현할 수 있기 때문입니다. 인쇄에서는 코팅지와 비코팅지의 번짐 차이까지 고려해 본문 무게를 한 단계 조정할 수 있습니다.
선택을 망치는 흔한 실수와 결론
가장 흔한 실수는 강조할 때마다 무조건 700을 추가하는 것입니다. 색, 크기, 여백까지 동시에 강하게 바꾸면 시선이 분산됩니다. 또한 300처럼 얇은 무게를 긴 한글 본문에 적용하거나, 작은 버튼에 800–900을 사용하면 판독성과 내부 공간이 모두 나빠질 수 있습니다.
결론적으로 프로젝트별 폰트 무게감은 브랜딩의 인상, 웹의 계층, 인쇄의 재현성, 모바일의 판독성을 기준으로 각각 설계해야 합니다. 400을 본문 기준으로 삼고 600–700을 강조에 배치한 뒤 실제 매체에서 검수하면 실패 가능성을 줄일 수 있습니다. 프로젝트에 맞는 서체 조합이나 무게 체계가 어렵다면 사용 매체, 본문 크기, 필요한 언어를 정리해 타이포그래피 전문가에게 진단이나 상담을 요청해 보세요.
자주 묻는 질문
폰트 무게 400은 항상 본문에 적합한가?
대부분의 디지털 본문에서 좋은 출발점이지만 절대 기준은 아닙니다. 글꼴의 기본 획, 화면 밝기, 글자 크기에 따라 450이나 500이 더 편안할 수 있습니다.
제목에는 700을 써야 하나?
반드시 그렇지는 않습니다. 본문이 400이라면 600만으로도 충분히 구분될 수 있으며, 크기와 여백이 이미 크다면 500도 제목 역할을 수행합니다.
가변 폰트가 일반 폰트보다 좋은가?
세밀한 무게 조절과 파일 관리에 유리하지만 모든 제작 도구와 출력 환경에서 동일하게 처리되는지는 확인해야 합니다. 인쇄소나 협업 도구의 지원 여부도 함께 점검하세요.
한글과 영문의 무게를 같게 지정해도 되나?
같은 숫자로 시작할 수 있지만 시각적 무게가 반드시 같지는 않습니다. 한글 500과 영문 400이 더 균형 있게 보이는 조합도 있으므로 혼합 문장으로 비교해야 합니다.
무료 폰트도 상업 프로젝트에 사용할 수 있나?
폰트마다 허용 범위가 다릅니다. 무료 배포 여부만 보지 말고 상업 이용, 로고 사용, 웹폰트 변환, 재배포 가능 여부를 공식 라이선스에서 확인해야 합니다.
Frequently Asked Questions
폰트 무게 400은 항상 본문에 적합한가?
제목에는 700을 써야 하나?
가변 폰트가 일반 폰트보다 좋은가?
한글과 영문의 무게를 같게 지정해도 되나?
무료 폰트도 상업 프로젝트에 사용할 수 있나?
여기까지 읽어주셔서 감사합니다.
오늘 글이 도움이 되셨다면 필요한 분께 '공유'해 주세요.
아래 '관련 글'에서도 더 필요한 정보를 확인하실 수 있습니다.
타이포그라피 노트
이 블로그에서는 타이포그래피 기초 · 한글 타이포그래피 · 디자인 적용 사례 · 도구와 리소스 이야기를 쉽고 명확하게 정리합니다.
다음 글에서도 유용한 정보로 찾아뵙겠습니다.
