한글 페어링 · 큐레이션

배달의민족 한나Air+코트라 볼드

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

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

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

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

평가 결과 · 2개 케이스

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

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

45제목 코트라 볼드 · 본문 배달의민족 한나Air

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

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

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

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

우리는 전통을 현대적으로 표현합니다

한나Air는 본문 가독성이 우수하며 한국어 긴 문장에 적합합니다. 코트라 볼드는 display weight로 제목 역할에 충분하나, 두 폰트의 분위기 차이로 인해 전체 텍스트 위계가 어색합니다.

분위기: 코트라 볼드의 고전적이고 무거운 serif 분위기와 배달의민족 한나Air의 캐주얼하고 친근한 sans 톤이 충돌합니다. 제목과 본문의 인상이 일관되지 않아 브랜드 정체성이 산만해집니다.
대비·계층: weight 대비(700 vs 400)는 명확하지만, serif와 sans의 구조적 차이가 크면서도 분위기 일관성이 없어 정보 위계보다는 시각적 불화감을 유발합니다.
추천 용도: 전통 산업(출판·인쇄) 중 캐주얼 톤 필요 시 제한적 사용고급 음식점·카페 메뉴판(제목만 serif, 설명은 sans)문화재·박물관 안내(제목의 격식성 강조)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문InterSource Sans Pro

코트라 볼드의 고전 serif 분위기에는 Playfair Display 같은 우아한 serif가 어울리고, 한나Air의 친근한 sans에는 중립적이고 읽기 좋은 sans(Inter, Source Sans Pro)를 권장합니다. 두 폰트를 함께 쓸 경우 serif 제목에는 serif 영문, sans 본문에는 sans 영문을 각각 매칭하는 것이 일관성 있습니다.

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

48~56px

28~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2416

#d4a574

#f9f7f4

어울리는 산업 톤

전통 공예·문화프리미엄 F&B

42제목 배달의민족 한나Air · 본문 코트라 볼드

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

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

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

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

고급 서비스를 쉽게 만나보세요.

본문용 코트라 볼드는 weight 700의 굵은 세리프로 긴 문장 읽기에 부담스럽고, 제목용 한나Air 400은 가는 무게로 계층 대비가 역전되어 정보 위계가 불명확하다.

분위기: 코트라 볼드의 세리프 디스플레이 특성과 배달의민족 한나Air의 친근한 산스-세리프가 톤 충돌을 일으킨다. 전자는 고급스럽고 무거운 인상, 후자는 캐주얼하고 가벼운 분위기로 일관성이 부족하다.
대비·계층: 두 폰트 간 weight 대비(700 vs 400)는 수치상 충분하나, 본문이 더 굵은 세리프 디스플레이이고 제목이 가는 산스라는 구조적 역전으로 시각적 계층이 무너진다.
추천 용도: 특정 브랜드 아이덴티티(세리프 본문 강조)가 명확한 경우만 제한적 사용 가능제목과 본문 역할을 명확히 분리하는 레이아웃 필수본문 길이가 매우 짧은 카드형 UI(한 줄~세 줄)에만 권장

어울리는 영문 폰트

제목InterRobotoSource Sans Pro

본문IBM Plex SerifSource Serif

코트라 볼드의 세리프 특성을 살리려면 IBM Plex Serif 같은 클래식 세리프가 어울리고, 한나Air의 캐주얼함을 보완하려면 Inter·Roboto 같은 중립적 모던 산스가 필요하다.

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

32~40px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

프리미엄 라이프스타일고급 식음료(F&B)

구현 코드 · 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;
}