한글 페어링 · 큐레이션

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

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

검은고딕B=제목용

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

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

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

오늘은 배달 대신 동네 한 바퀴 어때요

한나Pro는 디스플레이 성격이라 긴 본문에는 가독성이 떨어지지만, 짧은 카피·문단 단위에서는 친근한 표정이 잘 살아납니다. 검은고딕은 두꺼운 획 덕에 제목 한 줄로도 시선을 단숨에 잡아끕니다.

분위기: 한나Pro의 친근하고 둥근 손글씨 감성을 본문에 두고, 검은고딕의 강렬한 블랙 임팩트가 제목을 강조하는 구성입니다. 두 디스플레이 폰트가 만나 캐주얼한 활기와 강한 주장이 공존하는 톤입니다.
대비·계층: 한나Pro 400과 검은고딕 900의 웨이트 격차가 크고 자형 비율도 달라 정보 위계가 분명히 잡힙니다. 다만 둘 다 디스플레이라 시각 자극이 강해 사용 범위는 제한적입니다.
추천 용도: 이벤트 랜딩 페이지의 카피 본문푸드·배달 브랜드 프로모션 배너캐주얼 SNS 카드뉴스의 설명 텍스트오프라인 매장 POP·메뉴판 보조 문구

어울리는 영문 폰트

제목AntonBebas NeueArchivo Black

본문QuicksandNunito

검은고딕에는 압축된 블랙 산세리프(Anton·Archivo Black)가 두께감과 임팩트를 함께 끌어올리고, 한나Pro 본문에는 둥근 곡선과 친근한 표정을 가진 Quicksand·Nunito가 무드를 맞춰줍니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#2bc0a8

#ffd400

#fff8e7

어울리는 산업 톤

F&B 친근이커머스 캐주얼스타트업 임팩트

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

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

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

+검은고딕B=본문용

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

오늘만 특가, 놓치면 후회해요

한나Pro는 제목에서 친근하게 읽히지만 본문에 검은고딕을 쓰는 것은 극단적으로 무거워 장문 가독성이 매우 떨어집니다. 본문 폰트로는 부적합한 조합입니다.

분위기: 한나Pro의 손글씨 같은 친근한 디스플레이 인상과 검은고딕의 압도적 블랙 굵기가 충돌하여 톤이 분산됩니다. 두 폰트 모두 강한 개성을 가진 디스플레이여서 위계 정리가 어렵습니다.
대비·계층: 두 폰트 모두 디스플레이라 weight 대비는 크지만 스타일 대비가 불협하고, 정보 위계보다는 시각적 소음이 발생합니다.
추천 용도: 이벤트 포스터 단발 헤드라인B급 감성 프로모션 배너축제·팝업 그래픽짧은 캐치프레이즈 카드뉴스

어울리는 영문 폰트

제목Bagel Fat OneRubik Mono OneBungeeAlfa Slab One

본문ManropeIBM Plex Sans

한나Pro의 둥글고 친근한 디스플레이 인상에는 캐주얼·볼드한 라틴 디스플레이가 어울리며, 본문 라틴은 검은고딕의 무게를 완화할 수 있는 중립 산세리프가 안전합니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#ffd23f

#fff8e7

어울리는 산업 톤

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