한글 페어링 · 큐레이션

배달의민족 한나Pro+나눔스퀘어 네오

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:나눔스퀘어 네오· 제작 네이버

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·나눔스퀘어 네오 가이드

평가 결과 · 2개 케이스

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

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

82제목 배달의민족 한나Pro · 본문 나눔스퀘어 네오

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

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

+나눔스퀘어 네오B=본문용

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

오늘 저녁, 무얼 드시겠어요?

한나Pro는 굵은 획과 캐주얼한 형태로 제목에서 강한 시선을 끌고, 나눔스퀘어 네오는 균일한 자폭과 안정된 x-height로 긴 본문에서도 무난한 가독성을 제공한다.

분위기: 한나Pro의 손글씨 같은 친근하고 발랄한 인상이 나눔스퀘어 네오의 깔끔하고 중립적인 본문 톤과 만나 친근하면서도 정돈된 분위기를 만든다.
대비·계층: 디스플레이 폰트와 모던 산세리프 본문의 구조적 차이가 분명해 위계가 자연스럽게 형성되며, 본문 weight를 400~700으로 운용하면 대비가 더 또렷해진다.
추천 용도: F&B 브랜드 랜딩 페이지이벤트·프로모션 배너캐주얼 모바일 앱 온보딩라이프스타일 매거진 헤드라인스타트업 소개 자료

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshiGeist

본문InterIBM Plex Sans

한나Pro의 둥글고 친근한 인상에는 약간의 라운드와 모던함을 지닌 Manrope·Satoshi가, 나눔스퀘어 네오의 중립 본문에는 범용성 높은 Inter가 자연스럽게 어울린다.

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

40~52px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#2bac5d

#ffd23f

#faf7f0

어울리는 산업 톤

F&B 친근이커머스 캐주얼라이프스타일 매거진스타트업 친근

42제목 나눔스퀘어 네오 · 본문 배달의민족 한나Pro

나눔스퀘어 네오A=제목용

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

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

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

오늘의 한 끼, 새롭게 시작해요

제목의 나눔스퀘어 네오는 또렷하게 읽히지만, 본문에 한나Pro는 디스플레이 성격이 강해 긴 글 가독성이 떨어집니다.

분위기: 나눔스퀘어 네오의 정제된 기하학적 인상과 한나Pro의 손글씨풍 캐주얼함이 충돌해 톤이 분열됩니다.
대비·계층: 구조적 산세리프와 손글씨 변형 산세리프의 대비는 분명하지만, 위계라기보다 이질적 충돌로 보입니다.
추천 용도: 짧은 홍보 배너이벤트 포스터 보조 카피캐주얼 SNS 카드뉴스팝업 매장 안내물

어울리는 영문 폰트

제목InterManropePlus Jakarta SansIBM Plex Sans

본문Pretendard LatinSource Sans Pro

나눔스퀘어 네오의 기하학적 골격에는 Inter·Manrope 같은 정제된 산세리프가 비율과 무게에서 자연스럽게 어울립니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.6

어울리는 색상

#2b2b2b

#ffb800

#fff8e7

어울리는 산업 톤

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

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

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