한글 페어링 · 큐레이션

배달의민족 한나Pro+나눔바른고딕

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:나눔바른고딕· 제작 네이버

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·나눔바른고딕 가이드

평가 결과 · 2개 케이스

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

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

84제목 배달의민족 한나Pro · 본문 나눔바른고딕

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

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

+나눔바른고딕B=본문용

제작네이버상업 무료다운로드

오늘 점심, 뭐 먹지?

한나Pro는 굵은 획과 둥근 마감으로 시선을 단번에 끌고, 나눔바른고딕은 균일한 자폭과 적정 x-height로 긴 본문에서도 피로감이 적습니다.

분위기: 한나Pro의 손글씨 기반 친근한 인상이 나눔바른고딕의 깔끔한 본문 톤과 만나 캐주얼하면서도 정돈된 분위기를 만듭니다.
대비·계층: 디스플레이성 제목과 중성적 본문 고딕의 역할 분담이 명확해 위계가 자연스럽게 형성됩니다.
추천 용도: F&B 브랜드 랜딩캐주얼 광고 카피이벤트 프로모션 페이지라이프스타일 매거진 표지유튜브 썸네일·자막

어울리는 영문 폰트

제목Bricolage GrotesqueManropePlus Jakarta SansSatoshi

본문InterIBM Plex Sans

한나Pro의 둥글고 친근한 캐릭터에는 약간의 휴머니스트 곡선이 있는 산세리프가 잘 어울리고, 본문은 중립적이고 가독성이 검증된 산세리프가 안정적입니다.

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

40~56px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#2bc4b6

#ffd23f

#fff8ec

어울리는 산업 톤

F&B 친근이커머스 캐주얼라이프스타일 매거진스타트업 임팩트

42제목 나눔바른고딕 · 본문 배달의민족 한나Pro

나눔바른고딕A=제목용

제작네이버상업 무료다운로드

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

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

오늘도 단정한 하루를 시작합니다

제목의 나눔바른고딕은 중간 굵기에서 또렷하게 읽히지만, 본문에 한나Pro를 사용하면 디스플레이 특성상 긴 문장 가독성이 크게 떨어집니다. 짧은 카피 정도까지만 본문 대체로 견딜 수 있는 수준입니다.

분위기: 나눔바른고딕의 단정하고 모던한 인상과 한나Pro의 손글씨 기반 친근한 디스플레이 감성이 톤에서 충돌합니다. 제목이 차분한데 본문이 더 캐릭터 강한 역전 구조라 일관된 분위기 형성이 어렵습니다.
대비·계층: 제목(sans 정형) vs 본문(손글씨 디스플레이)의 형태 대비는 강하지만, 무게 대비가 약하고 본문이 더 시각적 무게를 가져가 위계가 역전될 위험이 있습니다.
추천 용도: F&B 브랜드 단신 페이지이벤트 랜딩 카피캐주얼 굿즈 라벨SNS 카드뉴스 짧은 본문

어울리는 영문 폰트

제목InterIBM Plex SansPretendard LatinManrope

본문Plus Jakarta SansSource Sans Pro

나눔바른고깁의 정돈된 휴머니스트 산세리프 골격과 가장 잘 맞는 라틴은 Inter·IBM Plex Sans처럼 중립적이고 x-height가 안정된 산세리프입니다. 본문 한나Pro의 캐릭터 감성에는 라틴을 강하게 매칭하기보다 중립 산세리프로 균형을 잡는 편이 안전합니다.

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

36~44px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2b2b2b

#ffb84d

#fff8ec

어울리는 산업 톤

F&B 친근캐주얼 라이프스타일이커머스 프로모션

구현 코드 · 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/NanumBarunGothic/subsets/NanumBarunGothic-dynamic-subset.css');

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

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