한글 페어링 · 큐레이션

배달의민족 한나Pro+노토 산스 KR

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

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

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

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

평가 결과 · 2개 케이스

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

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

86제목 배달의민족 한나Pro · 본문 노토 산스 KR

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

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

+노토 산스 KRB=본문용

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

오늘은 특별한 한 끼를 즐겨요

한나Pro는 굵고 둥근 획으로 시선을 강하게 끌어 제목 주목도가 높고, 노토 산스 KR은 폭넓은 웨이트와 균일한 자폭으로 긴 본문에서도 안정적인 가독성을 보장합니다.

분위기: 한나Pro의 친근하고 손글씨 같은 유쾌함을 노토 산스 KR의 정제된 중립성이 차분하게 받쳐주어 캐주얼하면서도 정돈된 톤을 만듭니다.
대비·계층: 디스플레이성 강한 한나Pro의 개성과 노토 산스 KR의 표준적 산세리프 구조가 명확히 분리되어 제목-본문 위계가 한눈에 잡힙니다.
추천 용도: F&B 브랜드 홍보 페이지이커머스 이벤트 랜딩캐주얼 모바일 앱 온보딩라이프스타일 매거진 표지캠페인 포스터

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshiGeist

본문InterIBM Plex Sans

한나Pro의 둥글고 친근한 인상에는 라운드 터미널과 모던한 비례를 가진 Jakarta·Manrope가 어울리고, 본문 노토 산스 KR에는 동일한 휴머니스트 산세리프 계열인 Inter가 자연스럽게 합성됩니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2ac1bc

#ffb84c

#fdfaf3

어울리는 산업 톤

F&B 친근이커머스 캐주얼라이프스타일 발랄스타트업 친밀

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

노토 산스 KRA=제목용

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

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

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

오늘의 메뉴, 깔끔하게 정리했어요

제목의 노토 산스 KR은 명료하게 잘 읽히지만, 본문에 디스플레이 성격이 강한 한나Pro를 쓰면 장문 가독성이 급격히 떨어집니다.

분위기: 노토 산스 KR의 중립적이고 정제된 인상과 한나Pro의 손글씨풍 레트로 감성이 톤이 크게 어긋나, 일관된 분위기를 만들기 어렵습니다.
대비·계층: 산세리프 본문과 디스플레이 본문이라는 역할 역전 때문에 위계 대비는 강하게 생기지만, 정보 구조보다 분위기 충돌이 더 부각됩니다.
추천 용도: 이벤트 프로모션 배너F&B 캠페인 랜딩팝업스토어 안내물굿즈 상세 페이지

어울리는 영문 폰트

제목InterPretendard LatinIBM Plex SansHelvetica Neue

본문Bagel Fat OneRubik Mono One

노토 산스 KR 제목에는 중립적 지오메트릭 산세리프가 구조적으로 잘 맞고, 한나Pro 본문에는 굵고 캐릭터 강한 디스플레이 영문이 톤을 맞춥니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#ffcc33

#fff8e7

어울리는 산업 톤

F&B 친근이커머스 캠페인라이프스타일 프로모션

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/BMHANNAPro/subsets/BMHANNAPro-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 Pro', sans-serif;
}

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