한글 페어링 · 큐레이션

도현+코트라 볼드

두 한글 폰트의 큐레이션·점수화 페어링. 어울리는 영문 폰트, 권장 사이즈, 색상 팔레트, 산업 톤까지 한 페이지에서.

평가 케이스: 2개
평균 점수: 44점
관련 페어: 6개

A:도현· 제작 우아한형제들|B:코트라 볼드· 제작 코트라

→ 각 폰트 종합 가이드: 도현 가이드·코트라 볼드 가이드

평가 결과 · 2개 케이스

제목·본문 컨텍스트별 페어 분석

점수, 어울리는 영문 폰트, 권장 크기, 색상 팔레트를 케이스별로.

45제목 코트라 볼드 · 본문 도현

코트라 볼드A=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

+도현B=본문용

제작우아한형제들상업 무료다운로드

한국 수출입 기업의 글로벌 성장을 응원합니다

도현은 본문용 sans로 설계되지 않았으며, 디스플레이 폰트의 특성상 장문 가독성이 떨어진다. 코트라 볼드는 제목용으로 강력하지만 serif 특성상 소문자 본문에서 가독성 저하가 예상된다.

분위기: 코트라 볼드의 고전적·격식 있는 serif 디스플레이와 도현의 캐주얼·친근한 sans-serif 디스플레이가 톤 충돌을 일으킨다. 제목-본문 위계보다는 두 개의 독립적 디스플레이 폰트가 경쟁하는 인상을 준다.
대비·계층: weight 대비(700 vs 400)는 명확하나, 두 폰트 모두 display 분류로 인해 구조적 위계가 약하다. serif와 sans의 대비는 있으나 분위기 일관성 부족으로 정보 계층이 혼란스럽다.
추천 용도: 포스터·전시 안내 (두 폰트 모두 디스플레이용이므로 짧은 텍스트 조합에 한정)브랜드 로고타입 (코트라 볼드 단독 사용 권장)이벤트 전단 (톤 충돌 감수 시 임팩트 가능)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondSource Serif

본문InterIBM Plex Sans

코트라 볼드(serif)와 매칭하려면 serif 영문(Playfair Display)이 일관성 있고, 도현의 캐주얼함을 살리려면 neutral sans(Inter)가 적합하다. 그러나 두 폰트를 함께 사용할 경우 serif+sans 혼합으로 인해 영문 페어도 복잡해진다.

권장 사이즈 (한국어 기준)

48~64px

28~36px

본문

16~18px

line-height

1.6

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 공식 발표문화·예술 전시

42제목 도현 · 본문 코트라 볼드

도현A=제목용

제작우아한형제들상업 무료다운로드

+코트라 볼드B=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

현대적 감각의 전통을 담다

도현(400)은 제목용으로 충분히 명확하나, 코트라 볼드(700 serif)는 본문 역할에 너무 무겁고 serif 특성상 화면 본문 가독성이 떨어진다. 두 폰트 모두 display 분류로 장문 읽기에 최적화되지 않았다.

분위기: 도현의 세련된 sans-serif 디스플레이 톤과 코트라 볼드의 무거운 serif 디스플레이 톤이 충돌하여 일관된 분위기 형성이 어렵다. 한 폰트는 현대적 미니멀, 다른 하나는 전통적 무게감으로 톤이 분산된다.
대비·계층: 무게(400 vs 700)와 구조(sans vs serif)에서 대비는 명확하지만, 둘 다 display 폰트라 위계 구분이 과도하게 강해져 본문 연속성이 끊긴다. 제목-본문 자연스러운 흐름 부족.
추천 용도: 포스터·플래카드 (두 디스플레이 폰트의 강한 임팩트 활용)잡지 표지·헤더 (대비 강조 필요한 경우 제한적)브랜드 로고·시그니처 (단문 표제용만 권장)

어울리는 영문 폰트

제목Playfair DisplayManropePlus Jakarta Sans

본문Source Sans ProInter

도현의 현대 sans 톤에는 Manrope·Plus Jakarta Sans 같은 geometric sans가 어울리고, 본문 역할 강화를 위해 코트라 대신 Source Sans Pro·Inter 같은 가독성 높은 text-optimized sans를 권장한다.

권장 사이즈 (한국어 기준)

48~64px

32~40px

본문

16~18px

line-height

1.65

어울리는 색상

#2a2a2a

#d4a574

#f9f7f4

어울리는 산업 톤

출판·매거진 (전통+현대 대비)공공기관 캠페인 (무게감 있는 신뢰성)

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'Do Hyeon', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'Pretendard Variable', sans-serif;
}