한글 페어링 · 큐레이션

배달의민족 한나Pro+잘난체

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:잘난체· 제작 야놀자

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·잘난체 가이드

평가 결과 · 2개 케이스

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

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

58제목 잘난체 · 본문 배달의민족 한나Pro

잘난체A=제목용

제작야놀자상업 무료다운로드

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

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

오늘만 특별한 잘난 할인이 시작된다

잘난체는 큰 사이즈 제목에서 시선을 즉시 잡아끄는 임팩트가 강하다. 한나Pro는 본문보다는 짧은 카피·캡션에 적합해 긴 본문 가독성은 떨어진다.

분위기: 잘난체의 자신감 넘치는 캐치프레이즈 톤이 한나Pro의 손글씨 같은 친근함과 만나 통통 튀는 캠페인 분위기를 만든다. 다만 두 폰트 모두 강한 개성을 지녀 톤이 과잉될 수 있다.
대비·계층: 둘 다 디스플레이 계열이라 형태 대비는 분명하지만 위계 대비(무게·정돈감)는 약해 정보 구조가 흐릿해질 수 있다.
추천 용도: 이벤트 배너 헤드라인SNS 프로모션 카드오프라인 팝업 포스터캐릭터·굿즈 패키지

어울리는 영문 폰트

제목Bagel Fat OneBowlby OneArchivo BlackAnton

본문ManropePlus Jakarta Sans

잘난체의 굵고 당당한 인상은 두툼한 디스플레이 산세리프와 매칭되며, 본문 한나Pro는 둥근 라틴과 조합하면 친근함이 유지된다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#ff5a36

#ffd93d

#fff6e5

어울리는 산업 톤

이커머스 프로모션F&B 친근엔터테인먼트 캠페인

38제목 배달의민족 한나Pro · 본문 잘난체

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

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

+잘난체B=본문용

제작야놀자상업 무료다운로드

오늘 점심, 뭐 시킬까?

한나Pro는 짧은 헤드라인에 적합하지만, 잘난체를 본문에 쓰면 굵은 획과 좁은 자폭 탓에 긴 글 가독성이 현저히 떨어집니다. 본문 폰트 교체가 사실상 필요합니다.

분위기: 한나Pro의 손글씨풍 친근함과 잘난체의 압축형 강렬함이 모두 디스플레이 성격이라 톤이 충돌합니다. 두 폰트 모두 주연급이라 한 화면에서 서로의 개성을 약화시킵니다.
대비·계층: 둘 다 헤비한 디스플레이 폰트라 weight·structure 대비가 부족합니다. 정보 위계가 흐려져 시선 흐름을 만들기 어렵습니다.
추천 용도: 프로모션 배너 헤드라인이벤트 포스터 단발 카피F&B 메뉴 강조SNS 캠페인 이미지

어울리는 영문 폰트

제목Bagel Fat OneBowlby OneAlfa Slab One

본문InterIBM Plex Sans

한나Pro의 둥글고 통통한 인상은 Bagel Fat One 같은 캐주얼 디스플레이와 매칭됩니다. 본문은 중립적인 산세리프로 균형을 잡아야 가독성이 확보됩니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2bc4a2

#ffd23f

#fff8ee

어울리는 산업 톤

F&B 친근배달·O2O 캐주얼이벤트 프로모션

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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