한글 페어링 · 큐레이션

배달의민족 한나Pro+검은고딕

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:검은고딕· 제작 Zess Type

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

평가 결과 · 2개 케이스

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

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

45제목 검은고딕 · 본문 배달의민족 한나Pro

검은고딕B=제목용

제작Zess Type상업 무료다운로드

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

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

따뜻한 국물 요리, 지금 바로 주문하세요.

한나Pro는 본문용 sans로 적당한 가독성을 제공하지만, 검은고딕 900은 제목으로 사용하기엔 지나치게 무겁고 압박감이 있어 정보 위계 구분이 과도하다.

분위기: 배달의민족 한나Pro의 부드럽고 친근한 곡선미와 검은고딕의 강렬하고 기하학적인 인상이 충돌한다. 두 폰트 모두 display 성향이 강해 분위기 일관성이 약하다.
대비·계층: weight 대비(400 vs 900)는 명확하지만, 두 폰트의 구조적 성격 차이(곡선형 vs 기하형)가 커서 시각적 응집력이 떨어진다.
추천 용도: 음식·배달 앱 UI (한나Pro의 친근함 활용)캐주얼 이커머스 배너 (강약 대비 필요시)팝업 스토어·이벤트 포스터 (display 특성 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

검은고딕의 강렬함을 지탱할 기하학적 sans(Manrope, Satoshi)와, 한나Pro의 부드러움과 어울릴 중립적 sans(Inter, Source Sans Pro)를 분리 권장. 단일 페어링보다 용도별 조합이 효과적.

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

48~56px

28~32px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b35

#f5efe6

어울리는 산업 톤

F&B 캐주얼이커머스 친근

28제목 배달의민족 한나Pro · 본문 검은고딕

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

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

+검은고딕B=본문용

제작Zess Type상업 무료다운로드

배달음식은 빠르고 맛있어야 한다

한나Pro는 제목용 디스플레이 폰트로 가독성이 우수하나, 검은고딕 900은 극도로 굵은 무게로 본문 읽기에 부적합하다. 본문용 폰트로는 완전히 실패한 선택이다.

분위기: 배달의민족 한나Pro는 친근하고 부드러운 곡선의 캐주얼 톤이며, 검은고딕은 강렬하고 견고한 기하학적 톤으로 두 폰트의 분위기가 충돌한다. 제목과 본문의 역할 분담이 명확하지 않아 일관된 브랜드 톤을 형성하기 어렵다.
대비·계층: 두 폰트 모두 display급 디스플레이 폰트이며, 무게 대비(400 vs 900)는 극단적이지만 구조적 대비가 부족하다. 제목-본문 위계를 명확히 구분하는 대신 두 개의 강한 시각 요소가 경합한다.
추천 용도: 단문 카드형 UI (제목만 필요한 경우)큰 사이즈 포스터 (본문 텍스트 최소화)아이콘/라벨 조합 (텍스트 양 극소

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

한나Pro의 부드러운 곡선과 어울리는 따뜻한 sans serif를 추천. 검은고딕 900과의 페어링은 비권장이므로 본문용 영문 폰트는 한나Pro 기준으로 제시.

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

48~56px

28~32px

본문

사용 비권장px

line-height

1.4

어울리는 색상

#1a1a1a

#ff6b35

#f5f5f0

어울리는 산업 톤

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=Black+Han+Sans&display=swap');

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

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