한글 페어링 · 큐레이션

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

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

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

A:배달의민족 한나Air· 제작 우아한형제들|B:코트라 희망· 제작 코트라

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

평가 결과 · 2개 케이스

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

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

58제목 배달의민족 한나Air · 본문 코트라 희망

배달의민족 한나AirB=제목용

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

+코트라 희망A=본문용ⓘ 미리보기는 프리텐다드

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

조용한 아침, 작은 희망을 적어 봅니다.

코트라 희망은 획 굵기가 일정해 긴 본문에서 무난하게 읽히며, 한나Air는 얇은 캐주얼 디스플레이라 짧은 헤드라인이나 캡션 강조에 한정해야 가독성이 유지됩니다.

분위기: 코트라 희망의 단정하고 정돈된 세리프가 차분한 본문 톤을 만들고, 한나Air의 가볍고 둥근 손글씨 인상이 친근한 강조 포인트로 작용합니다.
대비·계층: 세리프 본문 vs 캐주얼 산세리프 제목으로 형태 대비는 분명하나, 한나Air의 얇은 웨이트가 본문 위계를 누르기에 약해 사이즈 차로 위계를 강하게 확보해야 합니다.
추천 용도: 공공기관 홍보 리플렛 본문교육 자료의 따뜻한 캡션에세이형 매거진 인용구캠페인 페이지 서브 헤드라인

어울리는 영문 폰트

제목CaveatPatrick HandQuicksand

본문Source SerifLora

한나Air의 손글씨 인상과 어울리는 캐주얼 라틴, 코트라 희망에는 본문 가독성이 높은 세리프 라틴을 매칭했습니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2f3a3a

#e8a87c

#f7f3ec

어울리는 산업 톤

공공기관 따뜻한 홍보교육 친근라이프스타일 에세이

54제목 코트라 희망 · 본문 배달의민족 한나Air

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

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

+배달의민족 한나AirB=본문용

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

희망은 작은 발걸음에서 시작됩니다

코트라 희망은 또렷한 획으로 제목에서 안정적으로 읽히지만, 한나Air는 얇고 손글씨에 가까운 형태라 긴 본문 가독성은 제한적입니다. 짧은 캡션·인용 정도가 적합합니다.

분위기: 코트라 희망의 단정한 세리프와 한나Air의 가볍고 친근한 손글씨 인상이 만나 따뜻하면서도 어딘가 어수룩한 톤을 만듭니다. 정제된 제목과 캐주얼한 본문의 간극이 다소 큰 편입니다.
대비·계층: 세리프 제목과 캐주얼 산세리프 본문이라는 구조적 대비는 분명하나, 두 폰트 모두 400 굵기로 weight 대비가 약해 위계가 흐릿해질 수 있습니다.
추천 용도: 공익 캠페인 브로슈어지역 행사 포스터따뜻한 톤의 사보·소식지교육 자료 표지스토리텔링 카드뉴스

어울리는 영문 폰트

제목EB GaramondSource SerifLoraMerriweather

본문QuicksandNunito

코트라 희망의 단정한 세리프 인상에는 고전적 라틴 세리프가 자연스럽고, 한나Air의 둥글고 친근한 손글씨 톤에는 라운드 산세리프가 어울립니다.

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

36~44px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2b4a3e

#e8a13c

#f5efe6

어울리는 산업 톤

공공기관 따뜻교육 친근비영리·캠페인

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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