한글 페어링 · 큐레이션

배달의민족 한나Air+한컴 말랑말랑

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

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

A:배달의민족 한나Air· 제작 우아한형제들|B:한컴 말랑말랑· 제작 한컴

→ 각 폰트 종합 가이드: 배달의민족 한나Air 가이드·한컴 말랑말랑 가이드

평가 결과 · 2개 케이스

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

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

74제목 배달의민족 한나Air · 본문 한컴 말랑말랑

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

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

+한컴 말랑말랑B=본문용ⓘ 미리보기는 프리텐다드

제작한컴상업 무료다운로드

오늘 점심은 동네 한 바퀴 산책 후 결정!

한나Air는 가벼운 획으로 제목에서 산뜻하게 눈에 들어오며, 말랑말랑은 둥근 곡선과 적당한 자간으로 짧은 본문 가독성이 양호합니다.

분위기: 한나Air의 손글씨풍 경쾌함이 말랑말랑의 둥글고 부드러운 본문 톤과 만나 친근하고 말랑한 일상감을 형성합니다.
대비·계층: 두 폰트 모두 라운드 톤이라 형태 대비는 약하지만, 한나Air의 손맛 있는 굵직한 인상과 말랑말랑 Regular의 정돈된 본문 흐름이 위계를 만들어줍니다.
추천 용도: F&B 브랜드 SNS 카드뉴스캐주얼 이벤트 포스터어린이·교육 콘텐츠 웹페이지동네 가게 메뉴판·배너라이프스타일 굿즈 패키지

어울리는 영문 폰트

제목FrauncesQuicksandRecoletaBagel Fat One

본문NunitoQuicksandManrope

한나Air의 손글씨 인상에는 둥근 곡선의 디스플레이 라틴이 어울리며, 본문은 라운드 산세리프인 Nunito·Quicksand가 말랑말랑의 둥근 형태와 자연스럽게 호흡합니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#2b2118

#ffb43a

#fdf6ec

어울리는 산업 톤

F&B 친근라이프스타일 캐주얼교육 따뜻

58제목 한컴 말랑말랑 · 본문 배달의민족 한나Air

한컴 말랑말랑A=제목용ⓘ 미리보기는 프리텐다드

제작한컴상업 무료다운로드

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

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

오늘은 말랑말랑한 하루를 보내요

말랑말랑은 둥근 모서리로 제목에서 시선을 잘 끌지만, 한나Air는 디스플레이 성격이 강해 본문으로 길게 쓰면 피로감이 누적될 수 있습니다.

분위기: 한컴 말랑말랑의 둥글고 부드러운 인상이 한나Air의 손글씨풍 발랄함과 만나 친근하고 가벼운 톤을 형성합니다. 다만 두 폰트 모두 개성이 강해 정돈된 위계보다는 캐주얼한 분위기에 치우칩니다.
대비·계층: 두 폰트 모두 둥글고 캐주얼한 인상을 공유해 형태 대비가 약합니다. 위계는 주로 사이즈와 웨이트(말랑 700 vs 한나 400)로 만들어야 합니다.
추천 용도: 어린이·교육 콘텐츠F&B 캐주얼 브랜딩이벤트·프로모션 배너SNS 카드뉴스캐릭터 굿즈 패키지

어울리는 영문 폰트

제목QuicksandNunitoFredoka

본문NunitoQuicksand

말랑말랑의 둥근 골격과 매칭되는 라운드 산세리프를 우선했고, 한나Air의 손글씨풍 캐주얼함은 Nunito 같은 부드러운 산세리프로 보완하면 안정적입니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#ff8a65

#ffd54f

#fff8e7

어울리는 산업 톤

교육 따뜻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;
}