한글 페어링 · 큐레이션

배달의민족 한나Pro+KoPub 월드 바탕

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:KoPub 월드 바탕· 제작 한국출판인회의

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·KoPub 월드 바탕 가이드

평가 결과 · 2개 케이스

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

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

58제목 배달의민족 한나Pro · 본문 KoPub 월드 바탕

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

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

+KoPub 월드 바탕A=본문용

제작한국출판인회의상업 무료다운로드

오래된 골목에서 만난 따뜻한 이야기

KoPub 월드 바탕은 출판 본문용으로 설계되어 긴 글 가독성이 우수하며, 한나Pro는 짧은 카피·헤드라인에서 시선을 즉시 끄는 디스플레이 특성을 보입니다.

분위기: KoPub 월드 바탕의 단정한 출판 정서와 한나Pro의 손글씨 같은 친근한 디스플레이 인상이 만나, 차분한 본문 위에 톡 튀는 강조가 얹히는 구성입니다.
대비·계층: 정통 명조 본문과 둥글고 손맛 있는 디스플레이 산세리프의 골격·웨이트·표정 차이가 커서 위계는 분명하지만, 톤 차이가 크다는 점에서 페어 선택은 신중해야 합니다.
추천 용도: 감성 에세이 매거진의 강조 헤드F&B·로컬 브랜드의 스토리 페이지출판물 칼럼 내 캐치프레이즈동네 행사·전시 안내 리플렛

어울리는 영문 폰트

제목FrauncesBagel Fat OneAlfa Slab One

본문Source SerifLora

본문은 KoPub 바탕의 단정한 세리프 골격과 어울리는 정통 세리프 영문을, 제목은 한나Pro의 통통한 디스플레이 인상과 호응하는 두꺼운 캐릭터 영문을 매칭했습니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#d96f3a

#f5efe6

어울리는 산업 톤

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

38제목 KoPub 월드 바탕 · 본문 배달의민족 한나Pro

KoPub 월드 바탕A=제목용

제작한국출판인회의상업 무료다운로드

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

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

오래된 책방에서 만난 따뜻한 한 줄

KoPub 월드 바탕은 제목으로 명료하고 안정적이지만, 한나Pro는 본문에 사용할 경우 굵은 획과 들쭉날쭉한 리듬 때문에 긴 글 가독성이 현저히 떨어집니다.

분위기: KoPub 월드 바탕의 단정하고 고전적인 출판 분위기와 한나Pro의 손글씨풍 친근한 디스플레이 인상이 충돌합니다. 톤이 일관되지 않아 페어로 묶기 어렵습니다.
대비·계층: 세리프 제목과 굵은 디스플레이 본문이라는 구성 자체가 위계를 역전시키며, 본문이 시각적으로 더 튀어 정보 계층이 흐트러집니다.
추천 용도: 짧은 캠페인 포스터이벤트 안내 카드뉴스전통과 친근함을 섞은 패키지F&B 프로모션 배너

어울리는 영문 폰트

제목EB GaramondSource SerifPlayfair DisplayLora

본문ManropePlus Jakarta Sans

KoPub 월드 바탕은 고전적 세리프이므로 정통 세리프 영문과 합성해야 제목 인상이 살고, 한나Pro의 친근한 본문 톤에는 둥근 산세리프 라틴이 자연스럽게 어울립니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#c8896b

#f5efe6

어울리는 산업 톤

라이프스타일 매거진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/KoPubBatang/subsets/KoPubBatang-dynamic-subset.css');

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

/* 본문 */
body, p {
  font-family: 'KoPub Batang', sans-serif;
}