한글 페어링 · 큐레이션

배달의민족 한나Pro+본고딕

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

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

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

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

평가 결과 · 2개 케이스

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

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

86제목 배달의민족 한나Pro · 본문 본고딕

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

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

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

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

오늘 저녁, 무엇을 드시겠어요?

본고딕은 다양한 웨이트와 균일한 자간으로 긴 본문에 최적화되어 있고, 한나Pro는 굵고 둥근 형태로 제목에서 시선을 즉시 끌어당깁니다.

분위기: 한나Pro의 손글씨 같은 친근한 인상이 본고딕의 단정하고 중성적인 본문 위에서 자연스럽게 살아납니다. 캐주얼한 헤드라인과 신뢰감 있는 본문이 균형 잡힌 분위기를 만듭니다.
대비·계층: 디스플레이성 제목 폰트와 정제된 휴머니스트 본문 폰트라는 구조 자체가 강한 위계 대비를 만들어 정보 흐름이 명확합니다.
추천 용도: 배달·F&B 브랜드 캠페인 페이지이벤트 프로모션 랜딩친근한 톤의 매거진 콘텐츠캐주얼 브랜드 SNS 카드뉴스

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshiGeist

본문InterIBM Plex Sans

한나Pro의 둥글고 친근한 인상에는 라운디드 톤의 Plus Jakarta·Manrope가 어울리고, 본고딕 본문에는 중성적이고 검증된 Inter·IBM Plex Sans가 안정적으로 합성됩니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2ac1bc

#ffcc33

#faf7f2

어울리는 산업 톤

F&B 친근이커머스 캐주얼라이프스타일 캠페인

58제목 본고딕 · 본문 배달의민족 한나Pro

본고딕B=제목용ⓘ 미리보기는 프리텐다드

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

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

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

오늘 점심은 뭐 먹을까 고민될 때

한나Pro는 디스플레이 성격이라 긴 본문 가독성은 제한적이며, 짧은 카피나 카드 문구 정도가 한계입니다. 본고딕 제목은 어떤 웨이트에서도 명료하게 읽힙니다.

분위기: 한나Pro가 본문에서 친근하고 장난스러운 톤을 주도하고, 본고딕은 차분한 제목으로 정돈된 무게감을 보탭니다.
대비·계층: 본고딕 700~900 제목과 한나Pro 본문의 캐릭터 차이가 뚜렷해 위계는 형성되지만, 두 폰트의 인상이 이질적이라 톤 균형 조율이 필요합니다.
추천 용도: F&B 브랜드 카드 카피이벤트 랜딩 본문캠페인 굿즈 문구SNS 콘텐츠 짧은 본문팝업스토어 안내물

어울리는 영문 폰트

제목InterIBM Plex SansManropeGeist

본문Plus Jakarta SansSatoshi

본고딕 제목은 중립적 구조의 산세리프와 자연스럽게 합성되고, 한나Pro 본문은 약간 둥근 인상의 라틴과 톤이 맞아 친근함이 유지됩니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2bc4b4

#ffd23f

#fff8ec

어울리는 산업 톤

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;
}