한글 페어링 · 큐레이션

배달의민족 한나Pro+본명조

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:본명조· 제작 어도비·구글

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·본명조 가이드

평가 결과 · 2개 케이스

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

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

58제목 배달의민족 한나Pro · 본문 본명조

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

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

+본명조A=본문용

제작어도비·구글상업 무료다운로드

오래된 골목, 익숙한 향기가 머문다

본명조는 충분한 자족과 균형 잡힌 골격으로 긴 글 읽기에 매우 적합하며, 한나Pro는 굵고 둥근 디스플레이 인상으로 제목에서 시선을 강하게 끈다.

분위기: 본명조의 단정하고 서정적인 본문 위에 한나Pro의 손글씨 같은 친근한 제목이 얹혀, 따뜻한 에세이풍 톤을 만든다.
대비·계층: 세리프 본문과 디스플레이 손글씨 제목의 구조적 차이가 커서 위계는 명확하지만, 한나Pro의 단일 웨이트(400)로 중간 위계 표현이 제한적이다.
추천 용도: 감성 에세이 출판물F&B 브랜드 스토리 페이지동네 가게 메뉴·소개 책자라이프스타일 매거진 본문

어울리는 영문 폰트

제목FrauncesRecoletaCaveat Brush

본문Source SerifEB Garamond

한나Pro의 둥글고 캐주얼한 인상은 Fraunces·Recoleta 같은 따뜻한 라틴 디스플레이 세리프와 잘 어울리고, 본명조 본문은 Source Serif 계열 라틴 세리프와 골격이 자연스럽게 합쳐진다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2218

#c97b3c

#f5efe6

어울리는 산업 톤

F&B 친근라이프스타일 매거진로컬 브랜드 따뜻

42제목 본명조 · 본문 배달의민족 한나Pro

본명조A=제목용

제작어도비·구글상업 무료다운로드

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

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

고요한 밤, 오래된 편지를 펼치다

본명조는 제목으로 우아하고 정제된 읽기를 제공하지만, 한나Pro는 디스플레이 성격이 강해 긴 본문에서는 가독성이 급격히 떨어집니다.

분위기: 본명조의 격조 있는 세리프 인상과 한나Pro의 손글씨 기반 친근한 디스플레이 톤이 충돌해 일관된 분위기 형성이 어렵습니다.
대비·계층: 세리프 제목 vs 디스플레이 본문이라는 구조 자체는 대비가 강하지만, 위계보다는 '서로 다른 두 세계'처럼 보여 정보 계층이 흐려집니다.
추천 용도: F&B 브랜드 캠페인 키비주얼전통+레트로 콘셉트 포스터단편 카드뉴스 표지이벤트 페이지 짧은 카피

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource SerifLora

본문ManropePlus Jakarta Sans

본명조는 어도비 Source Serif 계열과 구조·획 처리가 일치해 합성 글꼴 시 정합성이 가장 높고, 한나Pro 본문은 부드러운 산세리프와 조합해야 디스플레이 인상을 보완할 수 있습니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b1d14

#c97b3c

#f6efe4

어울리는 산업 톤

F&B 친근라이프스타일 매거진전통·로컬 브랜드

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/BMHANNAPro/subsets/BMHANNAPro-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

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