한글 페어링 · 큐레이션

배달의민족 한나는열한살+본명조

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

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

A:배달의민족 한나는열한살· 제작 우아한형제들|B:본명조· 제작 어도비·구글

→ 각 폰트 종합 가이드: 배달의민족 한나는열한살 가이드·본명조 가이드

평가 결과 · 2개 케이스

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

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

42제목 배달의민족 한나는열한살 · 본문 본명조

배달의민족 한나는열한살B=제목용

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

+본명조A=본문용

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

우아한 본문에 친근한 제목을 얹다.

본명조는 긴 본문 읽기에 우수하나, 배달의민족 한나는 제목용 디스플레이 폰트로 제한적이다. 제목에서 무게 옵션이 400 하나뿐이라 위계 표현이 약하다.

분위기: 본명조의 고전적·격조 있는 serif와 배달의민족 한나의 친근하고 캐주얼한 display 톤이 충돌한다. 세리프 본문과 둥근 산세리프 제목이 분위기 일관성을 해친다.
대비·계층: serif vs sans-serif 구조 대비는 명확하지만, 배달의민족 한나의 단일 무게(400)로는 본명조(200~900)의 다양한 weight와 충분한 위계 대비를 만들 수 없다.
추천 용도: 어린이·교육 콘텐츠 (한나의 친근함 활용)캐주얼 블로그·매거진 (분위기 불일치 주의)포장재·라벨 (디스플레이 폰트 특성상 짧은 텍스트만)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source Serif ProEB Garamond

본명조(serif)와 매칭할 영문 폰트는 serif 계열(Source Serif Pro, EB Garamond)이 구조적으로 일관성 있다. 제목용으로는 배달의민족 한나의 둥근, 캐주얼한 톤에 맞춰 modern sans(Manrope, Plus Jakarta Sans)를 권장하되, 두 폰트 간 분위기 차이가 크므로 신중한 사용이 필요하다.

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

32~40px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#2c2c2c

#d4a574

#f9f6f1

어울리는 산업 톤

교육·키즈 콘텐츠캐주얼 라이프스타일

42제목 본명조 · 본문 배달의민족 한나는열한살

본명조A=제목용

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

+배달의민족 한나는열한살B=본문용

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

고전과 현대가 만나는 따뜻한 이야기

본명조는 제목으로 우수하나, 배달의민족 한나는 display 폰트로 본문 장문 읽기에 부적합합니다. 본문용 sans-serif 대체 필요.

분위기: 본명조의 고전적·격조 있는 serif와 배달의민족 한나의 친근하고 캐주얼한 display 톤이 충돌합니다. 분위기 일관성이 약합니다.
대비·계층: serif(제목)와 sans(본문) 대비는 명확하지만, 배달의민족 한나의 단일 weight(400)와 본명조의 다양한 weight 선택지 간 위계 표현 제약이 있습니다.
추천 용도: 아동·교육 콘텐츠(한나의 친근함 활용)캐주얼 블로그·SNS(분위기 불일치 주의)혼합 톤 브랜드(고급+친근 동시 표현 시도)

어울리는 영문 폰트

제목Source Serif ProEB GaramondLora

본문InterSource Sans Pro

본명조의 serif 격조에는 Source Serif Pro나 EB Garamond 같은 클래식 serif 영문이 자연스럽습니다. 배달의민족 한나와 함께 사용할 경우 Inter나 Source Sans Pro 같은 친근한 sans-serif가 캐주얼 톤을 보완합니다.

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

36~44px

20~24px

본문

15~17px

line-height

1.65

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

아동·교육 따뜻함출판·매거진 혼합(권장 낮음)

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/BMHANNA11yrs/subsets/BMHANNA11yrs-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Noto Serif KR', sans-serif;
}