한글 페어링 · 큐레이션

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

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

+나눔스퀘어B=본문용

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

오늘 점심, 뭐 먹을까 고민이라면

한나Pro는 굵은 획과 또렷한 형태로 짧은 헤드라인에서 강한 주목성을 가지며, 나눔스퀘어는 균일한 자폭과 적절한 x-height로 긴 본문 읽기에 무난하다.

분위기: 한나Pro의 유쾌하고 손글씨 같은 친근함이 나눔스퀘어의 단정한 기하학적 본문과 만나 따뜻하면서도 정돈된 인상을 만든다.
대비·계층: 디스플레이 vs. 정제된 산세리프라는 성격 차이가 자연스러운 위계를 형성하고, 한나Pro의 캐주얼한 굵기가 나눔스퀘어 Regular와도 충분한 시각 대비를 만든다.
추천 용도: F&B 브랜드 프로모션 페이지캐주얼 이벤트 포스터라이프스타일 매거진 표지친근한 톤의 상세페이지 헤드라인캠페인 SNS 카드뉴스

어울리는 영문 폰트

제목Bagel Fat OneFredokaBowlby One SCArchivo Black

본문InterIBM Plex SansSource Sans Pro

한나Pro의 통통하고 캐주얼한 인상에는 둥글고 볼드한 디스플레이 영문이 어울리고, 나눔스퀘어 본문에는 중립적이고 가독성 높은 휴머니스트 산세리프가 자연스럽게 합성된다.

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

40~56px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#2b2b2b

#ffb800

#fff8ec

어울리는 산업 톤

F&B 친근이커머스 캐주얼라이프스타일 매거진캠페인 마케팅

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

나눔스퀘어A=제목용

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

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

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

오늘은 단정한 제목으로 시작합니다

나눔스퀘어 800은 제목으로 시인성이 우수하나, 한나Pro는 본래 디스플레이용으로 설계되어 장문 본문 가독성이 떨어지므로 짧은 캡션·강조구에 한정해 써야 합니다.

분위기: 나눔스퀘어의 단정하고 모던한 기하학적 인상이 한나Pro의 친근하고 손글씨적인 캐주얼함과 다소 충돌합니다. 제목은 정돈된 톤이지만 본문이 디스플레이성이 강해 일관된 분위기 형성이 어렵습니다.
대비·계층: 기하학적 산세리프(제목)와 손글씨 기반 디스플레이(본문)의 구조 차이가 커서 시각적 대비는 분명하지만, 위계 대비라기보다 스타일 충돌에 가깝습니다.
추천 용도: F&B 캐주얼 프로모션 페이지이벤트 랜딩 짧은 카피SNS 카드뉴스동네 행사 포스터

어울리는 영문 폰트

제목InterManropePlus Jakarta SansIBM Plex Sans

본문Source Sans ProRoboto

나눔스퀘어의 깔끔한 기하 구조와 매칭되는 모던 산세리프를 제목에 두고, 본문 한나Pro의 캐주얼함을 중화할 중립적 산세리프를 영문 본문으로 권장합니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

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

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

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