한글 페어링 · 큐레이션

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

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

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

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

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

평가 결과 · 2개 케이스

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

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

78제목 배달의민족 한나Pro · 본문 한컴 말랑말랑

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

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

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

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

오늘은 떡볶이 어때요? 함께 먹어요!

한나Pro는 굵은 획과 독특한 형태로 제목에서 시선을 강하게 끌며, 말랑말랑은 부드러운 곡선과 적절한 자간으로 본문 가독성이 양호합니다.

분위기: 한나Pro의 손글씨 같은 친근함과 말랑말랑의 둥글둥글한 곡선이 만나 따뜻하고 유쾌한 분위기를 형성합니다. 두 폰트 모두 정감 있는 캐릭터로 일관된 톤을 만듭니다.
대비·계층: 한나Pro의 디스플레이성과 말랑말랑의 둥근 본문체가 무게·형태 면에서 명확한 위계를 만들지만, 둘 다 캐릭터가 강해 정보 위계보다 분위기 위계로 작동합니다.
추천 용도: F&B 브랜드 광고이벤트·프로모션 포스터어린이·교육 콘텐츠캐주얼 패키지 디자인SNS 카드뉴스

어울리는 영문 폰트

제목Bagel Fat OneFredokaBowlby OneChunk Five

본문QuicksandNunitoVarela Round

한나Pro의 두툼하고 캐릭터 강한 디스플레이성에는 둥근 모서리의 굵은 영문이, 말랑말랑의 부드러운 곡선에는 둥근 산세리프가 자연스럽게 어울립니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#ff6b35

#ffd23f

#fff8ec

어울리는 산업 톤

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

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

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

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

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

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

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

말랑말랑은 부드러운 곡선으로 제목에서 시선을 끌지만, 한나Pro는 디스플레이 성격이 강해 긴 본문 가독성이 떨어진다.

분위기: 한컴 말랑말랑의 둥글고 폭신한 인상이 한나Pro의 손글씨풍 레트로 감성과 만나 친근하지만 다소 캐릭터가 겹치는 톤을 만든다.
대비·계층: 두 폰트 모두 개성이 뚜렷한 캐릭터 폰트라 형태적 대비보다 인상이 충돌하는 면이 있어 위계 구분이 약하다.
추천 용도: 어린이·교육 콘텐츠 배너F&B 캐주얼 프로모션이벤트 포스터 헤드라인SNS 카드뉴스 짧은 카피

어울리는 영문 폰트

제목FredokaQuicksandNunitoBaloo 2

본문Nunito SansSource Sans Pro

말랑말랑의 둥근 곡선과 친근한 인상에 맞춰 모서리가 둥근 휴머니스트 산세리프를 매칭해 톤을 자연스럽게 잇는다.

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

36~44px

22~26px

본문

15~17px

line-height

1.65

어울리는 색상

#ff8a5c

#ffd66b

#fff6e9

어울리는 산업 톤

교육 따뜻F&B 친근키즈·패밀리 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/BMHANNAPro/subsets/BMHANNAPro-dynamic-subset.css');

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

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