한글 페어링 · 큐레이션

배달의민족 한나는열한살+나눔고딕

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

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

A:배달의민족 한나는열한살· 제작 우아한형제들|B:나눔고딕· 제작 네이버

→ 각 폰트 종합 가이드: 배달의민족 한나는열한살 가이드·나눔고딕 가이드

평가 결과 · 2개 케이스

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

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

74제목 배달의민족 한나는열한살 · 본문 나눔고딕

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

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

+나눔고딕B=본문용

제작네이버상업 무료다운로드

오늘 점심은 뭐 먹지?

한나는열한살은 큰 사이즈에서 캐릭터가 살아나 시선을 확실히 끌고, 나눔고딕은 한국어 본문 가독성이 검증된 표준급 폰트라 긴 글에 안정적이다.

분위기: 한나는열한살의 통통하고 친근한 손글씨 인상이 제목을 이끌고, 나눔고딕의 단정한 산세리프가 본문을 차분히 받쳐 따뜻하면서도 정돈된 톤을 만든다.
대비·계층: 디스플레이 손글씨 vs 정형 산세리프의 구조 대비가 뚜렷해 위계가 자연스럽게 형성되며, 웨이트가 같아도 인상 차이만으로 충분히 구분된다.
추천 용도: 배달·F&B 프로모션 페이지어린이·교육 콘텐츠동네 상점 브랜딩이벤트 배너 및 SNS 카드뉴스캠페인 랜딩 페이지

어울리는 영문 폰트

제목FredokaQuicksandBaloo 2Nunito

본문Nunito SansSource Sans ProIBM Plex Sans

둥글고 통통한 라틴 산세리프가 한나는열한살의 친근한 곡선과 어울리고, 본문은 살짝 둥근 산세리프로 나눔고딕의 정직한 인상과 톤을 맞춘다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2ac1bc

#ffd23f

#fff8ec

어울리는 산업 톤

F&B 친근어린이·교육 따뜻로컬 비즈니스 캐주얼

42제목 나눔고딕 · 본문 배달의민족 한나는열한살

나눔고딕A=제목용

제작네이버상업 무료다운로드

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

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

오늘도 즐거운 하루를 보내세요

나눔고딕은 제목에서 깔끔하게 읽히지만, 한나는열한살은 디스플레이 성격이 강해 긴 본문 가독성이 떨어집니다.

분위기: 나눔고딕의 단정한 산세리프 톤과 한나는열한살의 손글씨 풍 디스플레이 인상이 충돌해 일관된 톤을 만들기 어렵습니다.
대비·계층: weight 차이(800 vs 400)는 확보되나, 본문 폰트가 장식적이라 정보 위계가 흐려질 수 있습니다.
추천 용도: 어린이 교육 콘텐츠 표지캐주얼 이벤트 포스터F&B 프로모션 배너짧은 카피 중심 SNS 카드

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Plus Jakarta SansSource Sans Pro

나눔고딕의 중립적 산세리프 구조에 맞춰 균형감 있는 라틴 산세리프를 매칭하고, 본문은 친근한 곡선감을 살릴 수 있는 폰트를 권장합니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#ffb84d

#fff8ec

어울리는 산업 톤

교육 따뜻F&B 친근캐주얼 라이프스타일

구현 코드 · 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=Nanum+Gothic:wght@400;700;800&display=swap');

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

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