제목·본문 폰트 조합으로 디자인 완성도를 높이는 페어링 원칙
좋은 디자인의 절반은 텍스트입니다. 제목 폰트 하나 잘못 선택하면 아무리 예쁜 배경이나 사진도 촌스러워 보입니다. 반대로 제목과 본문 폰트를 정확히 짝지으면 별다른 장식 없이도 전문적이고 세련된 느낌이 살아납니다. 그런데 폰트를 "그냥" 고르는 디자이너와 "규칙을 따라" 고르는 디자이너는 결과물이 확연히 다릅니다. 이 글에서는 폰트 페어링의 실질적인 원칙과, 카드뉴스·인스타그램 포스트·발표자료 등 실제 프로젝트에서 바로 쓸 수 있는 체크리스트를 제시합니다.
폰트 페어링이란 무엇인가
폰트 페어링은 두 개 이상의 폰트를 조화롭게 배치하는 기법입니다. 보통 "제목(Heading)용 폰트 1개 + 본문(Body)용 폰트 1개"의 이진 구조를 말합니다. 기본적인 페어링은 최대 3개 폰트까지만 사용하는 것을 권장합니다. 그 이상 섞이면 산만해집니다.
폰트 페어링이 중요한 이유는 시각적 위계(Visual Hierarchy)를 명확히 하기 때문입니다. 제목은 주목도와 임팩트가 필요하고, 본문은 읽기 편함과 일관성이 필요합니다. 같은 폰트만 크기를 바꾸면 이런 역할 분담이 약해집니다. 반면 성격이 다른 두 폰트를 의도적으로 조합하면 눈이 자연스럽게 제목부터 본문으로 흐르게 됩니다.
폰트 성격의 5가지 분류
폰트를 "예쁜 것" "못생긴 것"으로 나누는 것은 비전문적입니다. 설계 목적과 역사적 배경에 따라 폰트를 분류하면 훨씬 체계적으로 페어링할 수 있습니다.
- 세리프(Serif): 글자 끝에 작은 '발'이 있는 폰트입니다. 전통적이고 고급스럽고 읽기 편합니다(예: 명조체, Georgia). 책, 신문, 학술지에 많이 쓰입니다.
- 산세리프(Sans-serif): 발이 없는 깔끔한 폰트입니다. 현대적이고 간결하며 화면에 잘 보입니다(예: 고딕체, Arial). 웹사이트와 모바일 앱의 표준입니다.
- 스크립트(Script): 손글씨처럼 흐르는 폰트입니다. 우아하고 개성 있지만 가독성이 낮습니다(예: 손글씨 체). 제목이나 강조에만 제한적으로 씁니다.
- 슬래브 세리프(Slab Serif): 굵은 발을 가진 현대식 세리프입니다. 캐주얼하면서도 견고합니다(예: 'Rockwell'). 헤드라인과 브랜딩에 인기입니다.
- 디스플레이(Display): 매우 개성 있는 특수 목적 폰트입니다. 단 몇 글자만 강조할 때 사용합니다. 본문으로는 절대 쓸 수 없습니다.
3가지 핵심 페어링 규칙
규칙 1: 대비(Contrast)를 만들어라
폰트 페어링의 가장 첫 번째 원칙은 "차이"를 만드는 것입니다. 비슷한 폰트끼리 짝지으면 그 차이가 눈에 띄지 않아 혼동을 줍니다.
좋은 페어링은 제목 폰트와 본문 폰트의 성격이 서로 다릅니다. 예를 들어 세리프 제목이면 산세리프 본문을, 산세리프 제목이면 세리프 본문을 고르는 방식입니다. 한글의 경우 "명조 제목 + 고딕 본문" 또는 "현대적 고딕 제목 + 전통 고딕 본문"이 전형적입니다.
대비를 만드는 구체적인 방법은 다음과 같습니다. 첫째, 굵기를 다르게 하세요. 제목은 볼드(Bold)나 검은색(Black)을 쓰고 본문은 레귤러나 라이트를 씁니다. 둘째, 기울임을 다르게 하세요. 제목은 직립체, 본문은 이탤릭, 또는 그 반대가 됩니다. 셋째, 너비를 다르게 하세요. 압축된(Condensed) 제목 폰트에는 표준(Regular) 본문 폰트를 짝짓습니다. 넘치지 않는 범위에서 이 세 가지를 조합하면 더욱 강한 대비가 생깁니다.
규칙 2: 호환성(Compatibility)을 확인하라
폰트가 아무리 예뻐도 어색하게 보일 수 있습니다. 그것은 호환성 때문입니다. 호환성은 두 폰트가 같은 시대의 설계 철학을 공유하는지, 그리고 함께 놓았을 때 어색한 불일치가 없는지를 뜻합니다.
예를 들어 "1980년대 복고 폰트"와 "2020년대 미니멀 폰트"를 섞으면 의도하지 않은 이질감이 생깁니다. 반대로 같은 폰트 패밀리(Family)에서 제목용 굵기와 본문용 굵기를 고르면 호환성이 가장 높습니다. 즉 'Noto Sans CJK'라면 Black(또는 Bold) + Regular처럼 같은 폰트의 다른 굵기를 쓰는 것입니다.
호환성을 판단하는 체크리스트입니다: 터미널 모양(글자 끝 장식)이 일관적인가, 스트로크 굵기(획의 두께)의 변화가 비슷한 수준인가, 소문자의 높이(x-height) 비율이 너무 크게 다르지 않은가, 같은 무게감이 느껴지는가. 이 네 가지가 모두 맞으면 호환성이 높습니다.
규칙 3: 가독성(Readability)을 우선하라
아무리 예쁜 폰트 조합이라도 읽기 어려우면 실패입니다. 특히 본문 폰트는 가독성이 절대 우선입니다.
본문 폰트 선택의 구체적인 기준을 제시합니다. 첫째, 개별 글자 간 혼동을 피하세요. 대문자 'I'와 소문자 'l', 숫자 '1'이 구분되는 폰트를 고르세요. 한글이라면 'ㄱ'과 'ㄲ', '0'과 'O'가 명확히 다른 폰트가 좋습니다. 둘째, 자간(Letter Spacing)이 충분하세요. 글자끼리 닿거나 극단적으로 떨어져 있지 않아야 합니다. 셋째, 한 줄 길이(Line Length)를 조절하세요. 화면 기준으로 한 줄에 60~80자가 읽기 편합니다. 넷째, 행간(Line Height)을 충분히 하세요. 본문은 보통 폰트 크기의 1.5~1.8배를 권장합니다. 예를 들어 폰트 크기가 16px면 행간은 24~29px가 됩니다.
한글·영문별 실전 페어링 예시
한글 페어링 조합
한글 디자인에서 많이 쓰이는 검증된 조합입니다.
| 제목 폰트 | 본문 폰트 | 느낌 | 추천 용도 |
|---|---|---|---|
| 배달의민족 한나 | 나눔고딕 | 따뜻하고 캐주얼 | 음식/라이프스타일 카드뉴스 |
| 고딕(굵은체) | 명조(정상) | 전문적이고 고급스러움 | 뉴스레터, 학술자료 |
| 스포카 한산스 Bold | 스포카 한산스 Regular | 현대적이고 깔끔함 | 테크 회사 블로그, 앱 |
| 마루 부리 | 나눔바른고딕 | 친근하고 부드러움 | 여성 타겟 마케팅, SNS |
| 세리프체(명조 Black) | 고딕(Light) | 고급스럽고 세련됨 | 럭셔리 브랜드, 포트폴리오 |
영문 페어링 조합
웹과 인쇄에서 광범위하게 검증된 조합입니다.
- 'Montserrat' + 'Lato': 현대적인 산세리프 제목 + 친근한 산세리프 본문. 스타트업과 SaaS에 가장 인기 있는 조합입니다. 대비가 크지 않지만 호환성이 매우 높습니다.
- 'Playfair Display' + 'Lato': 우아한 세리프 제목 + 깔끔한 산세리프 본문. 패션, 카페, 럭셔리 브랜드에 자주 쓰입니다. 대비가 강하면서도 세련됩니다.
- 'Poppins' + 'Roboto': 둥근 산세리프 제목 + 중립적인 산세리프 본문. 캐주얼하고 접근성이 높습니다. 교육 및 아동 관련 콘텐츠에 적합합니다.
- 'Abril Fatface' + 'Open Sans': 극적인 디스플레이 제목 + 안정적인 산세리프 본문. 임팩트가 크고 기억에 남습니다. 광고와 프로모션 포스터에 최적입니다.
절대 피해야 할 폰트 조합
흔한 실수를 미리 알고 피하면 부자연스러운 결과를 막을 수 있습니다.
- 너무 비슷한 폰트끼리 짝짓기: 같은 종류의 산세리프 두 개(예: Arial + Helvetica)를 쓰면 차이가 눈에 띄지 않아 "폰트가 두 개인가?"라는 의구심을 줍니다. 대비 규칙을 위반합니다.
- 과도하게 개성 있는 폰트를 본문으로 쓰기: 스크립트나 디스플레이 폰트를 본문 크기로 길게 쓰면 매우 읽기 어렵습니다. 이 폰트들은 제목의 첫 1~2줄 정도만 사용하세요.
- 무관한 시대의 폰트 섞기: 1990년대 웹 세이프 폰트(예: Comic Sans)와 2020년대 모던 폰트를 섞으면 의도하지 않은 아이러니함이 생깁니다. 혹은 의도가 명확하면 사용 가능하지만, 대부분은 단순히 어색합니다.
- 가독성을 무시하고 꾸밈만 하기: 제목을 아름답게 꾸민 나머지 본문을 읽기 어렵게 만들면 전체 디자인이 실패합니다. 제목의 아름다움도 본문 가독성 때문에 상대적으로 돋보이는 것입니다.
- 한 디자인에 4개 이상의 폰트 사용: 폰트 3개(제목, 본문, 강조)까지는 좋지만, 4개 이상은 매우 산만합니다. 차라리 같은 폰트의 다른 굵기나 크기로 변화를 주세요.
실전 적용 체크리스트
새로운 디자인 프로젝트를 시작할 때마다 이 체크리스트를 따르면 일관되게 좋은 결과를 얻습니다.
- 제목과 본문의 역할을 명확히 하세요. 제목은 주목도, 본문은 가독성이 목표입니다.
- 폰트 성격(세리프/산세리프/스크립트)을 다르게 하세요. 대비를 만들어야 차이가 눈에 띕니다.
- 제목은 굵기(Bold/Black)로 강조하고, 본문은 Regular 또는 Light로 유지하세요.
- 같은 패밀리 폰트(예: 'Noto Sans'의 Bold + Regular)를 고르면 호환성이 자동으로 높아집니다.
- 본문 가독성을 우선하세요. 폰트 크기 16px 기준으로 행간은 24~29px, 한 줄 글자는 60~80자 정도입니다.
- 모니터와 모바일 화면, 인쇄 미리보기에서 모두 테스트하세요. 환경에 따라 느낌이 달라집니다.
- 최종 결과물을 다른 사람에게 보여주고, "제목과 본문이 구분되는가" "읽기 편한가"를 물어보세요.
editpixel 인스타 에디터로 바로 적용하기
위의 폰트 페어링 원칙을 실제 프로젝트에 적용하려면, 다양한 폰트를 빠르게 테스트할 수 있는 도구가 필요합니다. editpixel의 인스타 에디터는 제목과 본문을 동시에 조정하면서 실시간으로 폰트 조합의 효과를 확인할 수 있습니다. 수십 가지 한글·영문 폰트가 내장되어 있으며, 제목·본문·강조 텍스트를 각각 다른 폰트로 설정한 후 바로 미리보기할 수 있습니다. 이렇게 여러 조합을 빠르게 테스트하면, 위의 3가지 규칙(대비, 호환성, 가독성)이 실제로 어떻게 작동하는지 체감할 수 있고, 자신의 브랜드에 가장 잘 맞는 폰트 조합을 찾을 수 있습니다.
좋은 폰트 조합은 즉시 결과를 만들어내지는 않지만, 누적되면서 디자인의 전문성을 결정합니다. 처음에는 이 글의 규칙들을 엄격히 따르고, 경험이 늘어나면서 의도적으로 규칙을 깨뜨리는 단계에 도달할 수 있습니다. 그때가 당신만의 타이포그래피 스타일이 만들어지는 순간입니다.