한글 페어링 · 큐레이션

배달의민족 한나Pro+KoPub 월드 돋움

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

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

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

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

평가 결과 · 2개 케이스

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

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

74제목 배달의민족 한나Pro · 본문 KoPub 월드 돋움

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

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

+KoPub 월드 돋움B=본문용

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

오늘 점심, 무엇을 드시겠어요?

한나Pro는 큰 사이즈에서 캐릭터성이 살아 시선을 확실히 끌고, KoPub 월드 돋움은 출판용으로 설계되어 긴 본문에서 안정적인 가독성을 보입니다.

분위기: 한나Pro의 손글씨 같은 친근한 디스플레이 인상이 KoPub 월드 돋움의 정돈된 본문 톤과 만나 위트와 신뢰감을 동시에 전달합니다.
대비·계층: 디스플레이 폰트와 정통 돋움 본문의 구조적 차이가 커서 위계가 자연스럽게 형성되며, 본문 700 웨이트로 서브 강조까지 처리할 수 있습니다.
추천 용도: F&B 브랜드 캠페인 페이지라이프스타일 매거진 헤드라인이벤트·프로모션 랜딩친근한 톤의 사내 뉴스레터

어울리는 영문 폰트

제목Bagel Fat OneFrauncesPlus Jakarta SansManrope

본문InterIBM Plex Sans

한나Pro의 통통하고 둥근 인상에는 살짝 캐릭터 있는 디스플레이 라틴이 어울리고, 본문은 중립적이고 x-height가 적당한 산세리프가 KoPub 돋움과 균형을 맞춥니다.

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

44~56px

26~32px

본문

16~17px

line-height

1.7

어울리는 색상

#2bc4a2

#ffd43b

#faf7f2

어울리는 산업 톤

F&B 친근라이프스타일 매거진이커머스 캠페인

42제목 KoPub 월드 돋움 · 본문 배달의민족 한나Pro

KoPub 월드 돋움B=제목용

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

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

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

오늘도 동네에 작은 행복이 배달됐어요

한나Pro는 디스플레이 폰트라 본문 장문 가독성이 떨어지며, KoPub 월드 돋움 제목은 또렷하게 잘 읽힙니다.

분위기: 한나Pro의 손글씨 디스플레이 인상이 본문으로 사용되면 KoPub 월드 돋움의 정돈된 출판형 제목과 톤이 충돌합니다.
대비·계층: 캐주얼 디스플레이 본문과 정제된 산세리프 제목의 대비는 분명하지만, 위계가 역전된 인상을 줍니다.
추천 용도: 짧은 캠페인 본문 카피이벤트 페이지 단문 설명캐주얼 브랜드 SNS 카드뉴스프로모션 배너 보조 문구

어울리는 영문 폰트

제목InterIBM Plex SansSource Sans ProManrope

본문Pretendard LatinPlus Jakarta Sans

KoPub 월드 돋움 제목의 정돈된 골격에는 Inter·IBM Plex Sans 같은 모던 산세리프가, 한나Pro 본문에는 친근하면서도 정렬감 있는 라틴이 어울립니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2bc2a0

#ffd23f

#fff8ec

어울리는 산업 톤

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/KoPubDotum/subsets/KoPubDotum-dynamic-subset.css');

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

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