한글 페어링 · 큐레이션

배달의민족 한나Air+본고딕

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

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

A:배달의민족 한나Air· 제작 우아한형제들|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 배달의민족 한나Air 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

72제목 배달의민족 한나Air · 본문 본고딕

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

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

+본고딕A=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

오늘의 이야기를 천천히 읽어보세요

본고딕은 다양한 웨이트와 균형 잡힌 자소 구조로 긴 본문에서도 안정적이며, 한나Air는 얇은 단일 웨이트로 짧은 강조 제목에 시선을 끌기 좋다.

분위기: 본고딕의 정제되고 중립적인 본문 흐름 위에 한나Air의 가볍고 친근한 손글씨 느낌이 포인트로 얹혀 부드러운 캐주얼 톤을 형성한다.
대비·계층: 산세리프 본문 vs 디스플레이성 캐주얼 제목의 스타일 대비는 충분하나, 한나Air가 Air(가는) 단일 웨이트라 크기 차이로 위계를 확실히 벌려야 한다.
추천 용도: F&B 브랜드 상세페이지 본문라이프스타일 뉴스레터캠페인 랜딩 서브카피교육·아동 콘텐츠 본문

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문InterIBM Plex Sans

한나Air의 둥글고 캐주얼한 인상에는 살짝 라운드된 지오메트릭 산세리프가 어울리고, 본고딕 본문에는 중립적이고 x-height가 안정적인 Inter 계열이 자연스럽게 합성된다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#f4a261

#fdf6ec

어울리는 산업 톤

F&B 친근라이프스타일 매거진교육 따뜻

58제목 본고딕 · 본문 배달의민족 한나Air

본고딕B=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

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

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

오늘은 어떤 메뉴가 끌리세요?

한나Air는 디스플레이 성격이 강해 긴 본문에는 부담이 있으나 짧은 단락·캡션에서는 친근한 가독성을 제공하고, 본고딕은 다양한 웨이트로 명확한 제목 위계를 만든다.

분위기: 한나Air의 가볍고 친근한 손글씨 느낌이 본고딕의 정제된 모던함과 만나 캐주얼하면서도 정돈된 톤을 만든다.
대비·계층: 본고딕 700~900의 묵직한 제목과 한나Air 400의 가볍고 둥근 본문이 무게·형태 양쪽에서 충분한 대비를 형성한다.
추천 용도: 브랜드 캠페인 랜딩페이지F&B 메뉴·패키지 카피이벤트 프로모션 배너라이프스타일 매거진 짧은 본문

어울리는 영문 폰트

제목InterManropePlus Jakarta SansIBM Plex Sans

본문Source Sans ProNunito

본고딕 제목에는 동일 패밀리 계열인 기하학적 산세리프(Inter·Manrope)가 구조적으로 잘 맞고, 한나Air의 둥근 본문에는 부드러운 곡선의 Nunito가 톤을 살린다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#ffb84d

#fdf7ee

어울리는 산업 톤

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