한글 폰트 페어링, 제목과 본문 서체를 어울리게 조합하는 법
한글 폰트 페어링은 제목과 본문에 서로 다른 역할을 주되, 굵기와 분위기의 대비는 분명하게 하고 서체 계열 수는 두 가지 이내로 제한하는 것이 기본입니다. 서체를 너무 많이 섞으면 화면이 산만해지고, 비슷한 서체를 섞으면 의도 없이 어긋나 보입니다. 한글은 영문보다 글자 수가 많고 형태가 복잡해 본문 가독성을 특히 신경 써야 합니다.
자주 쓰는 조합은?
| 제목 | 본문 | 분위기 |
|---|---|---|
| 굵은 고딕 | 가는 고딕 | 깔끔하고 현대적 |
| 명조 | 고딕 | 격식과 가독성의 균형 |
| 개성 있는 디스플레이 서체 | 기본 고딕 | 브랜드 개성 강조 |
| 고딕(한 가족) | 같은 가족의 다른 굵기 | 통일감 |
처음이라면 굵기가 다양한 고딕 한 가족으로 제목과 본문을 모두 구성하는 것이 가장 안전합니다.
본문 서체는 어떻게 고르나요?
본문은 오래 읽어도 피곤하지 않아야 하므로 글자 폭이 적당하고 획이 고른 서체가 좋습니다. 화면용 본문에는 고딕 계열이, 긴 글이나 인쇄물에는 명조 계열이 많이 쓰입니다. 줄 간격을 글자 크기의 1.5배 이상으로 두면 한글 본문이 훨씬 편하게 읽힙니다.
영문과 함께 쓸 때는?
한글 서체에 포함된 영문이 어색하다면 영문 서체를 따로 지정할 수 있습니다. 이때 한글과 영문의 글자 높이와 굵기를 맞춰야 섞였을 때 튀지 않습니다. 숫자 모양도 함께 확인하세요.
웹에서 쓸 때 주의할 점은?
한글 웹폰트는 글자 수가 많아 용량이 커서 페이지 속도에 영향을 줍니다. 필요한 굵기만 불러오고, 글자 일부만 담은 서브셋 폰트를 활용하면 용량을 줄일 수 있습니다. 상업적 웹 사용이 허락된 라이선스인지도 확인해야 합니다.
위계를 함께 설계하세요
서체 조합만큼 중요한 것이 크기, 굵기, 색으로 만드는 정보 위계입니다. 제목·소제목·본문·캡션의 크기 단계를 정해 두면 서체가 적어도 정돈된 화면을 만들 수 있습니다. 타이포그래피 정보는 이미지플레이의 다른 글에서도 볼 수 있습니다.
자주 묻는 질문
무료 한글 폰트도 상업적으로 쓸 수 있나요?
폰트마다 라이선스가 다르니 반드시 확인하세요.
서체를 세 가지 쓰면 안 되나요?
역할이 분명하다면 가능하지만 대부분 두 가지로 충분합니다.
손글씨 서체는 본문에 써도 되나요?
긴 글에는 가독성이 떨어져 제목이나 강조에 쓰는 것이 좋습니다.
관련 추천 칼럼
- 발표 자료 디자인 원칙, 슬라이드 한 장에 메시지 하나디자인
- 가게 간판 디자인, 멀리서도 읽히는 글자 크기와 색 대비브랜딩
- 파비콘과 앱 아이콘 만들기, 작은 크기에서도 알아보는 디자인웹디자인
- 반응형 웹디자인 브레이크포인트 설정 기준, 모바일 퍼스트 구현 전략웹디자인
- 패키지 디자인 칼선(다이라인) 이해하기, 상자 인쇄 전에 확인할 것디자인
- 인포그래픽 만들기, 데이터보다 메시지를 먼저 정하세요인스퍼레이션
- 식당 메뉴판 디자인, 손님이 빨리 고르고 객단가도 오르는 배치디자인
- 로고 리뉴얼, 언제 바꿔야 하고 무엇을 남겨야 할까브랜딩
- 행사 포스터 디자인, 3초 안에 날짜와 장소가 읽히는 정보 위계디자인
- SNS 카드뉴스 디자인, 첫 장에서 넘기게 만드는 구성법트렌드