한글 페어링 · 큐레이션

배달의민족 한나Air+코트라 글로벌

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

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

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

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

평가 결과 · 2개 케이스

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

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

58제목 배달의민족 한나Air · 본문 코트라 글로벌

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

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

+코트라 글로벌A=본문용ⓘ 미리보기는 프리텐다드

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

차분한 문장 사이로 따뜻한 목소리가 흘러갑니다.

코트라 글로벌은 균형 잡힌 세리프 구조로 긴 본문에 안정적이며, 한나Air는 얇은 획으로 제목에서 시선을 끌지만 큰 사이즈가 아니면 가독성이 떨어집니다.

분위기: 코트라 글로벌의 단정하고 신뢰감 있는 세리프 본문에 배민 한나Air의 둥글고 가벼운 손글씨풍 제목이 얹혀 공식성과 친근함이 공존하는 톤을 만듭니다.
대비·계층: 세리프 본문과 둥근 산세리프 디스플레이 제목이라는 구조 대비는 명확하나, 두 폰트 모두 400 웨이트라 굵기 위계가 약해 제목 사이즈를 충분히 키워야 합니다.
추천 용도: 공공·문화 행사 안내 책자 본문교육 기관의 따뜻한 톤 리포트캠페인 웹페이지 긴 글 영역지역 브랜드 소개 매거진 내지

어울리는 영문 폰트

제목FrauncesCaveatQuicksand

본문Source SerifLora

한나Air의 둥글고 친근한 인상에는 Fraunces의 부드러운 곡선이나 Caveat의 손글씨가 어울리고, 코트라 글로벌 본문에는 동일한 세리프 계열 Source Serif·Lora가 자연스럽게 합성됩니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a26

#c97b4a

#f7f1e6

어울리는 산업 톤

공공기관 신뢰교육 따뜻라이프스타일 매거진

52제목 코트라 글로벌 · 본문 배달의민족 한나Air

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

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

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

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

세계로 향하는 우리의 이야기

제목의 코트라 글로벌은 또렷한 세리프 구조로 시선을 잡지만, 본문 한나Air는 가는 획과 손글씨 특유의 불균일함으로 긴 글 가독성이 떨어집니다.

분위기: 코트라 글로벌의 정제된 세리프 품격과 한나Air의 가볍고 손글씨다운 친근함이 충돌해 톤이 분산됩니다. 격식과 유희의 결이 달라 일관된 인상을 만들기 어렵습니다.
대비·계층: 세리프-산세리프, 격식-캐주얼 대비는 분명해 위계는 명확히 잡히지만, 대비가 지나쳐 한 화면에서 이질감으로 읽힐 수 있습니다.
추천 용도: 전시·이벤트 포스터어린이·교육 캠페인 페이지공공기관 홍보 리플렛문화행사 안내물

어울리는 영문 폰트

제목EB GaramondPlayfair DisplayIBM Plex SerifSource Serif

본문ManropePlus Jakarta Sans

제목은 코트라 글로벌의 클래식 세리프 골격과 호흡이 맞는 정통 세리프 계열로, 본문은 한나Air의 둥글고 친근한 톤을 받쳐 줄 부드러운 산세리프로 합성합니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f3a5f

#e8a13a

#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;
}