designnews

한글 페어링 · 큐레이션

배달의민족 한나Pro+코트라 희망

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

평가 케이스
2개
평균 점수
42점
관련 페어
6개
A:배달의민족 한나Pro· 제작 우아한형제들|B:코트라 희망· 제작 코트라

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·코트라 희망 가이드

평가 결과 · 2개 케이스

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

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

42제목 배달의민족 한나Pro · 본문 코트라 희망
배달의민족 한나ProA=제목용
제작우아한형제들상업 무료다운로드
+코트라 희망B=본문용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
우리는 함께 더 나은 내일을 만듭니다.

KOTRA Hope는 본문용 serif로 한국어 가독성이 우수하나, BMHanna Pro의 display 특성(둥근 형태, 낮은 x-height)이 제목 위계에서 과도하게 눈에 띄어 정보 흐름을 방해합니다.

분위기
BMHanna Pro의 친근하고 둥근 sans-serif 캐릭터와 KOTRA Hope의 정중한 serif 톤이 충돌하여 일관된 분위기를 형성하기 어렵습니다. 제목의 캐주얼함이 본문의 공식성을 압도합니다.
대비·계층
sans와 serif의 구조적 대비는 명확하지만, 두 폰트 모두 400 weight로 시각적 무게감 차이가 부족하여 제목-본문 위계가 약합니다. 제목용으로는 BMHanna Pro의 더 굵은 weight(600~700) 필요.
추천 용도
캐주얼한 브랜드 블로그 또는 SNS 콘텐츠 (친근함 강조)어린이·청소년 대상 교육 자료 (둥근 제목 폰트의 친화성)공공기관 공식 문서 (KOTRA Hope의 신뢰성)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist
본문Source SerifEB Garamond

BMHanna Pro의 친근한 sans 톤에는 현대적이고 둥근 느낌의 Manrope·Plus Jakarta Sans가 어울리며, KOTRA Hope의 serif 본문에는 전통적이면서도 명확한 Source Serif나 EB Garamond가 안정감을 더합니다.

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

h1
36~44px
h2
20~24px
본문
16~17px
line-height
1.65

어울리는 색상

#2c3e50
#e8a87c
#f9f7f4

어울리는 산업 톤

공공기관 신뢰교육 따뜻
42제목 코트라 희망 · 본문 배달의민족 한나Pro
코트라 희망A=제목용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
+배달의민족 한나ProB=본문용
제작우아한형제들상업 무료다운로드
희망의 정책, 한나로 전하다

한나Pro는 display 폰트로 제목보다는 짧은 강조 텍스트에 최적화되어 있어 본문 역할에 부적합하다. 코트라 희망 serif는 제목으로 충분하나, 본문용 sans 선택이 잘못되었다.

분위기
코트라 희망의 우아한 serif 정통성과 배달의민족 한나Pro의 친근한 display sans가 톤 충돌을 일으킨다. 희망은 공식·신뢰 분위기, 한나Pro는 캐주얼·경쾌함을 강조해 일관성이 약하다.
대비·계층
weight 대비(둘 다 400)가 약하고, serif vs sans 구조 대비만으로는 명확한 위계를 만들기 어렵다. display 폰트의 특수 형태가 제목 폰트와의 균형을 깨뜨린다.
추천 용도
공공기관 공식 문서 (희망의 신뢰성 활용, 한나Pro 제외)캐주얼 브랜드 단문 강조 (한나Pro 단독)혼합 페어링 시 재고 권장

어울리는 영문 폰트

제목EB GaramondMerriweatherSource Serif Pro
본문Source Sans ProIBM Plex Sans

코트라 희망의 serif 우아함을 보완하려면 serif 영문(EB Garamond) 또는 중성적 sans(Source Sans Pro)가 필요하다. 한나Pro와의 페어링보다 serif 계열 영문이 일관성을 높인다.

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

h1
36~44px
h2
20~24px
본문
14~16px
line-height
1.5

어울리는 색상

#2c3e50
#e74c3c
#ecf0f1

어울리는 산업 톤

공공기관 신뢰B2B 공식

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/BMHANNAPro/subsets/BMHANNAPro-dynamic-subset.css');

/* 제목 */
h1, h2, h3 {
  font-family: 'BM HANNA Pro', sans-serif;
}

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

관련 페어 · 같은 폰트 포함

배달의민족 한나Pro 또는 코트라 희망 들어간 다른 인기 페어