한글 페어링 · 큐레이션

배달의민족 한나Pro+나눔고딕

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

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

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

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

평가 결과 · 2개 케이스

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

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

78제목 배달의민족 한나Pro · 본문 나눔고딕

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

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

+나눔고딕B=본문용

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

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

한나Pro는 큼직한 제목에서 시선을 끌고, 나눔고딕은 한국어 본문 가독성이 검증된 폰트라 긴 글에서도 무리가 없습니다.

분위기: 한나Pro의 친근하고 장난기 있는 손글씨 느낌을 나눔고딕의 단정한 중성 톤이 차분히 받쳐줍니다. 위트와 신뢰가 균형을 이루는 페어링입니다.
대비·계층: 디스플레이성 강한 한나Pro와 중립적인 나눔고딕 사이에 형태·인상 대비가 분명해 정보 위계가 자연스럽게 형성됩니다.
추천 용도: F&B 브랜드 랜딩 페이지프로모션 배너·쿠폰캐주얼 이커머스 상세페이지이벤트 포스터친근한 톤의 앱 온보딩

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문InterIBM Plex Sans

한나Pro의 둥글고 친근한 인상은 라운드 형태의 모던 산세리프와 잘 맞고, 본문은 나눔고딕의 깔끔한 골격을 보완하는 중립 산세리프가 적합합니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#2ac1bc

#ffd84d

#fafafa

어울리는 산업 톤

F&B 친근이커머스 캐주얼라이프스타일 위트

52제목 나눔고딕 · 본문 배달의민족 한나Pro

나눔고딕A=제목용

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

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

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

오늘의 한 끼, 단정하게 차립니다

제목인 나눔고딕은 명료해 가독성이 우수하지만, 본문에 디스플레이 성격이 강한 한나Pro를 쓰면 장문 가독성이 급격히 떨어집니다. 짧은 캡션·문구 수준이 한계입니다.

분위기: 나눔고딕의 단정하고 중립적인 인상과 한나Pro의 손글씨풍 개성이 톤 면에서 다소 어긋납니다. 제목은 차분한데 본문이 더 튀는 역전 현상이 생길 수 있습니다.
대비·계층: 굵기 대비(800 vs 400)는 확보되지만, 본문 폰트의 캐릭터가 강해 정보 위계가 흐트러집니다. 제목보다 본문이 시선을 끄는 역대비 위험이 있습니다.
추천 용도: 이벤트 페이지 짧은 카피프로모션 배너F&B 캐주얼 포스터SNS 카드뉴스 단문

어울리는 영문 폰트

제목InterIBM Plex SansRobotoHelvetica Neue

본문Source Sans ProManrope

나눔고딕은 모던 산세리프 계열과 구조·열린 형태가 잘 맞아 Inter·IBM Plex Sans와 자연스럽게 합성됩니다. 한나Pro 본문에는 가벼운 인상의 산세리프가 충돌을 줄여줍니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#2b2b2b

#ffb800

#fff8ec

어울리는 산업 톤

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

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

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