한글 페어링 · 큐레이션

배달의민족 한나Pro+나눔 펜체

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

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

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

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

평가 결과 · 2개 케이스

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

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

42제목 배달의민족 한나Pro · 본문 나눔 펜체

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

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

+나눔 펜체A=본문용

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

따뜻한 손글씨로 마음을 전하세요.

나눔 펜체는 손글씨 특성상 본문 장문 읽기에 부적합하며, 글자 간 획 연결과 필기체 특성이 긴 문장에서 가독성을 심각하게 저하시킨다. 배달의민족 한나Pro는 제목용으로 명확하지만 본문 폰트로서의 역할 부재로 위계 전환이 약하다.

분위기: 나눔 펜체의 부드럽고 손글씨 감성과 배달의민족 한나Pro의 캐주얼하고 친근한 산세리프가 겹치면서 분위기 일관성이 약화된다. 둘 다 '따뜻함'을 지향하지만 표현 방식이 상이해 톤 혼란을 야기한다.
대비·계층: weight 대비(둘 다 400)와 분류 대비(handwriting vs. display sans)가 있으나, 본문-제목 간 시각적 구분이 불충분하다. 제목이 더 굵거나 크기가 크지 않으면 정보 위계가 모호해진다.
추천 용도: 캐주얼 이벤트 포스터 (짧은 문구 중심)카드/초대장 (장문 회피)SNS 캡션 (문단 최소화)어린이 교육 자료 (짧은 문장)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source Sans ProInter

배달의민족 한나Pro의 친근하고 둥근 산세리프 특성과 어울리는 현대적 산세리프 영문 폰트를 추천. 나눔 펜체는 영문 필기체(Caveat, Kalam 등)와는 호환되지만 본문 용도로는 부적합하므로 제외.

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

36~44px

20~24px

본문

피권장 (handwriting 본문 사용 불가)px

line-height

1.8 이상 (필기체 특성상 넉넉한 간격 필수)

어울리는 색상

#2d2d2d

#ff6b35

#f9f6f0

어울리는 산업 톤

F&B 캐주얼라이프스타일 따뜻함

42제목 나눔 펜체 · 본문 배달의민족 한나Pro

나눔 펜체A=제목용

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

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

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

오늘의 특별한 커피, 함께 즐겨보세요.

나눔 펜체는 제목 길이가 길어지면 획 연결로 인한 가독성 저하가 심하고, 배달의민족 한나Pro는 본문용 sans로는 x-height가 크고 자간이 넓어 장문 읽기에 부담스럽다.

분위기: 나눔 펜체의 부드럽고 손글씨 감성과 배달의민족 한나Pro의 친근하고 둥근 산세리프가 모두 캐주얼하지만, 펜체의 서예적 우아함과 한나Pro의 팝 감성이 톤 충돌을 일으킨다.
대비·계층: 두 폰트 모두 400 웨이트로 무게 대비가 거의 없고, 펜체(필기체)와 산세리프의 구조 차이만으로는 정보 위계가 약하다.
추천 용도: 카페·식당 메뉴판 (제목의 손글씨 감성 + 본문 친근함)이벤트 포스터 (캐주얼 톤)어린이·유아 교육 콘텐츠 (둥근 감성)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterRoboto

나눔 펜체의 필기체 우아함에는 기하학적이고 따뜻한 산세리프(Manrope, Plus Jakarta Sans)가 어울리며, 배달의민족 한나Pro와 합성할 때는 친근하면서도 명확한 가독성의 Inter나 Roboto가 본문 균형을 맞춘다.

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

36~44px

20~24px

본문

15~17px

line-height

1.6

어울리는 색상

#2d2d2d

#ff6b35

#f9f6f0

어울리는 산업 톤

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+Pen+Script&display=swap');

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

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