한글 페어링 · 큐레이션

배달의민족 한나Air+비트로 프라이드

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

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

A:배달의민족 한나Air· 제작 우아한형제들|B:비트로 프라이드· 제작 비트로

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

평가 결과 · 2개 케이스

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

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

58제목 비트로 프라이드 · 본문 배달의민족 한나Air

비트로 프라이드A=제목용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

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

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

오늘의 기분, 자유롭게 표현하기

제목은 비트로 프라이드의 독특한 형태로 시선을 사로잡지만 장식성이 강해 짧은 문구에 한정되고, 본문 한나Air는 얇고 가벼워 긴 글보다는 짧은 카피·소개 문장에 적합합니다.

분위기: 비트로 프라이드의 자유분방하고 개성 강한 디스플레이 인상이 한나Air의 가볍고 친근한 손글씨 느낌과 만나 캐주얼하고 발랄한 무드를 형성합니다.
대비·계층: 두 폰트 모두 캐릭터가 강한 편이라 형태적 충돌 가능성이 있으나, 비트로의 굵고 입체적인 인상과 한나Air의 얇은 라인 사이에 굵기 대비는 충분히 확보됩니다.
추천 용도: 청년·문화 이벤트 포스터캐주얼 브랜드 SNS 카드뉴스팝업스토어 홍보물굿즈·패키지 카피유튜브 썸네일 타이틀

어울리는 영문 폰트

제목SatoshiGeistPlus Jakarta Sans

본문ManropeInter

비트로 프라이드의 개성 있는 디스플레이 무드는 둥글고 모던한 산세리프와 어울리며, 한나Air의 가벼운 본문은 라이트 웨이트가 안정적인 Manrope·Inter와 잘 매칭됩니다.

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

44~56px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#ff5a36

#ffd23f

#fef7ec

어울리는 산업 톤

F&B 친근라이프스타일 캐주얼청년 문화 이벤트

42제목 배달의민족 한나Air · 본문 비트로 프라이드

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

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

+비트로 프라이드A=본문용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

오늘도 우리 동네 작은 가게에서.

비트로 프라이드는 본문에 쓰기엔 글자 형태가 과해 긴 글 가독성이 떨어지고, 한나Air는 제목으로는 무게감이 부족해 첫눈에 강하게 들어오지 않습니다.

분위기: 비트로 프라이드의 강한 디스플레이 인상이 본문 역할을 맡으면 한나Air의 가벼운 손글씨 느낌과 톤은 비슷하나 위계가 흐릿해집니다.
대비·계층: 두 폰트 모두 캐주얼·디스플레이 성향이라 weight·스타일 대비가 충분히 벌어지지 않아 정보 위계가 약합니다.
추천 용도: 캐주얼 이벤트 포스터유아·키즈 콘텐츠팝업 스토어 안내물소규모 굿즈 패키지

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

한나Air의 둥글고 친근한 인상과 어울리는 부드러운 산세리프 라틴을 매칭하고, 본문은 비트로 프라이드의 개성을 누그러뜨릴 중립적 산세리프로 보완합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#ff6b4a

#ffd66b

#fff8ef

어울리는 산업 톤

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