한글 페어링 · 큐레이션

배달의민족 한나는열한살+노토 산스 KR

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

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

A:배달의민족 한나는열한살· 제작 우아한형제들|B:노토 산스 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 배달의민족 한나는열한살 가이드·노토 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

68제목 배달의민족 한나는열한살 · 본문 노토 산스 KR

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

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

+노토 산스 KRA=본문용

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

오늘 점심은 뭐 먹지, 같이 골라봐요

노토 산스 KR은 다양한 웨이트와 균형 잡힌 자형으로 긴 본문 가독성이 매우 우수합니다. 한나는열한살은 단일 웨이트의 디스플레이 성격이라 짧은 강조 카피에 한정해 써야 또렷이 읽힙니다.

분위기: 노토 산스 KR의 중립적이고 안정된 톤 위에 한나는열한살이 장난스러운 손글씨 액센트를 더해 친근한 일상감을 자아냅니다. 다만 두 폰트의 격식 차이가 커서 사용 맥락을 신중히 골라야 합니다.
대비·계층: 정제된 산세리프 본문과 손글씨풍 제목이 형태·정서적 대비를 분명히 형성해 정보 위계가 직관적으로 잡힙니다. 제목과 본문 사이에 시각적 온도차가 커서 자연스러운 시선 유도가 가능합니다.
추천 용도: F&B 브랜드 상세 페이지 본문라이프스타일 앱 콘텐츠 카드동네 행사·캠페인 포스터 캡션친근한 사보·뉴스레터어린이·교육 콘텐츠 설명문

어울리는 영문 폰트

제목CaveatPatrick HandShadows Into LightComic Neue

본문InterIBM Plex SansSource Sans Pro

한나는열한살의 손글씨 톤에는 Caveat·Patrick Hand 같은 캐주얼 핸드라이팅이 자연스럽고, 본문 노토 산스 KR에는 구조가 비슷한 Inter·IBM Plex Sans가 합성 글꼴로 안정적인 가독성을 제공합니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#ffb84d

#fdf6ec

어울리는 산업 톤

F&B 친근라이프스타일 매거진교육 따뜻로컬 커뮤니티

42제목 노토 산스 KR · 본문 배달의민족 한나는열한살

노토 산스 KRA=제목용

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

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

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

오늘부터 시작하는 작은 모험

제목 노토 산스 KR은 어떤 사이즈에서도 또렷하게 들어옵니다. 다만 한나는열한살은 디스플레이 성격이라 긴 본문 가독성이 떨어져 짧은 카피 정도가 한계입니다.

분위기: 노토 산스 KR의 중립적이고 정제된 인상이 한나는열한살의 손글씨풍 유희와 충돌해 톤이 분열됩니다. 제목이 진지한데 본문이 장난스러워 일관성이 약합니다.
대비·계층: 구조적 산세리프 제목과 손글씨풍 본문 사이 형태 대비는 강하지만, 위계가 명확하기보다 이질감으로 읽혀 정보 계층보다 분위기 충돌이 부각됩니다.
추천 용도: 어린이 교육 콘텐츠 표지캐주얼 이벤트 포스터F&B 브랜드 굿즈프로모션 배너 짧은 카피

어울리는 영문 폰트

제목InterIBM Plex SansHelvetica NeueManrope

본문Plus Jakarta SansGeist

노토 산스 KR은 구조가 중립적이라 Inter·IBM Plex Sans처럼 기하학적 산세리프와 자연스럽게 합성됩니다. 한나는열한살은 캐주얼한 인상에 맞춰 둥근 산세리프 계열이 톤을 보존합니다.

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

36~44px

22~26px

본문

17~19px

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=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

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

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