한글 페어링 · 큐레이션

배달의민족 한나Air+프리텐다드

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

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

A:배달의민족 한나Air· 제작 우아한형제들|B:프리텐다드· 제작 길형진

→ 각 폰트 종합 가이드: 배달의민족 한나Air 가이드·프리텐다드 가이드

평가 결과 · 2개 케이스

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

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

78제목 배달의민족 한나Air · 본문 프리텐다드

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

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

+프리텐다드A=본문용

제작길형진상업 무료다운로드

오늘의 작은 행복을 기록합니다

프리텐다드는 균일한 자폭과 넓은 x-height로 긴 본문 가독성이 뛰어나고, 한나Air는 얇은 획이지만 큰 사이즈에서 캐릭터성이 살아난다.

분위기: 프리텐다드의 중성적이고 정제된 본문 위에 한나Air의 가볍고 친근한 손글씨 감성이 얹혀 발랄한 일상감을 만든다.
대비·계층: 기하학적 정제미의 본문과 손맛 있는 디스플레이 제목 간 스타일 대비가 뚜렷해 위계 구분이 명확하다.
추천 용도: 라이프스타일 블로그 본문F&B 브랜드 상세 페이지캐주얼 뉴스레터이벤트 랜딩 페이지

어울리는 영문 폰트

제목CaveatFrauncesQuicksand

본문InterPretendard Latin

한나Air의 손글씨 감성을 살리려면 Caveat·Fraunces 같은 캐릭터 있는 영문이 어울리고, 본문은 프리텐다드 자체 라틴이 가장 자연스럽다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#2b2b2b

#ffb84d

#fdf8f1

어울리는 산업 톤

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

62제목 프리텐다드 · 본문 배달의민족 한나Air

프리텐다드B=제목용

제작길형진상업 무료다운로드

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

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

오늘 점심은 뭐 먹지, 같이 골라봐요

한나Air는 캐주얼한 형태로 긴 글보다는 짧은 본문·캡션에 적합하며, Pretendard 제목은 또렷한 골격으로 시선을 명확히 잡는다.

분위기: 한나Air의 가볍고 친근한 손글씨풍 인상이 본문을 주도하면서, Pretendard 굵은 웨이트가 정돈된 제목으로 균형을 잡아준다.
대비·계층: 디스플레이 성격의 한나Air와 중립적 산세리프 Pretendard 사이에 골격 대비가 분명해 위계 구분은 잘 되지만 톤 차이가 다소 크다.
추천 용도: F&B 브랜드 소개 페이지이벤트·프로모션 카드뉴스캐주얼 브랜드 SNS 콘텐츠친근한 톤의 앱 온보딩 화면

어울리는 영문 폰트

제목InterManropePlus Jakarta SansGeist

본문Plus Jakarta SansManrope

Pretendard 제목은 Inter·Geist 같은 중립 산세리프와 골격이 일치하고, 한나Air 본문은 약간 둥글고 친근한 Manrope·Jakarta가 캐주얼 톤을 보완한다.

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

36~44px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#2bc4b4

#ffd23f

#fffaf0

어울리는 산업 톤

F&B 친근라이프스타일 캐주얼이커머스 발랄

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/BMHANNAAir/subsets/BMHANNAAir-dynamic-subset.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css');

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

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