한글 페어링 · 큐레이션

배달의민족 한나Pro+김유이체

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:김유이체· 제작 김유이

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

평가 결과 · 2개 케이스

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

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

42제목 배달의민족 한나Pro · 본문 김유이체

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

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

+김유이체B=본문용

제작김유이상업 무료

맛있는 음식을 손글씨로 소개해요

제목용 한나Pro는 짧은 텍스트에서 명확하지만, 본문용 김유이체는 손글씨 특성상 긴 문장 읽기에서 가독성이 급격히 떨어진다. 문단 단위 본문에는 부적합하다.

분위기: 배달의민족 한나Pro의 친근하고 둥근 sans는 캐주얼 톤을 강하게 드러내지만, 김유이체의 손글씨 감성은 개인적이고 불규칙한 인상을 더해 두 폰트의 분위기가 일관성 있게 결합되지 못한다.
대비·계층: 두 폰트 모두 400 weight로 동일하고 sans vs handwriting 분류만으로는 시각적 위계가 약하다. 제목과 본문 간 명확한 대비가 부족하여 정보 계층 구분이 모호하다.
추천 용도: 캐주얼 모바일 앱 UI (짧은 라벨/버튼만)아동용 교육 콘텐츠 (제목만 사용)이벤트 포스터 (제목+짧은 카피)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

한나Pro의 친근한 둥근 sans 톤에는 현대적이고 부드러운 sans serif 영문이 어울린다. 김유이체는 영문 handwriting과 조합하면 더 일관성 있으나, 본문 가독성 문제는 해결되지 않는다.

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

36~44px

20~24px

본문

14~16px

line-height

1.8

어울리는 색상

#ff6b35

#ffd93d

#f5f5f5

어울리는 산업 톤

F&B 캐주얼아동 친근

42제목 김유이체 · 본문 배달의민족 한나Pro

김유이체A=제목용

제작김유이상업 무료

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

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

우리는 따뜻한 마음으로 시작합니다

김유이체는 제목용 손글씨로 첫눈에 들어오지만, 배달의민족 한나Pro는 본문 가독성이 떨어진다. 한나Pro의 높은 x-height와 굵은 스트로크는 긴 문장 읽기에 피로를 유발하며, 두 폰트 모두 본문 설정에 부적합하다.

분위기: 김유이체의 부드럽고 감정적인 손글씨 감성과 배달의민족 한나Pro의 친근하고 캐주얼한 디스플레이 톤이 완전히 일치하지 않아 분위기가 산만해진다. 한나Pro가 본문용으로는 너무 두껍고 디스플레이 성향이 강해 위계 설정이 모호하다.
대비·계층: 두 폰트 모두 weight 400이고 한나Pro가 display 성향으로 굵어 보여 명확한 대비가 부족하다. 제목과 본문 간 시각적 위계가 약하고, 손글씨 vs 기하학적 산세리프의 구조 차이만으로는 정보 위계를 충분히 전달하지 못한다.
추천 용도: 캐주얼한 이벤트 포스터 (제목만 강조)감성 브랜딩 랜딩페이지 (짧은 문구 중심)어린이·키즈 콘텐츠 (장문 회피)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

김유이체의 감정적 손글씨 톤을 보완하려면 따뜻하고 현대적인 산세리프가 필요하며, 본문은 중립적이고 높은 가독성의 폰트로 보정해야 한다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2d2d2d

#ff6b35

#f9f5f0

어울리는 산업 톤

키즈·교육 따뜻함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/NanumGimYuICe/subsets/NanumGimYuICe-dynamic-subset.css');

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

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