한글 페어링 · 큐레이션

배달의민족 한나Pro+강원교육 튼튼

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:강원교육 튼튼· 제작 강원교육청

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·강원교육 튼튼 가이드

평가 결과 · 2개 케이스

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

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

45제목 강원교육 튼튼 · 본문 배달의민족 한나Pro

강원교육 튼튼A=제목용

제작강원교육청상업 무료다운로드

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

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

우리 아이 성장을 함께하는 따뜻한 교육

강원교육 튼튼은 제목용으로 첫눈에 들어오는 개성이 있으나, 배달의민족 한나Pro는 본문 폰트로 사용하기에 x-height가 크고 둥근 형태가 장문 읽기에서 피로도를 높인다. 본문 가독성이 부족하다.

분위기: 강원교육 튼튼의 친근하고 부드러운 손글씨 감성과 배달의민족 한나Pro의 캐주얼하고 둥근 디스플레이 톤이 모두 가벼운 분위기를 추구하지만, 손글씨의 유기적 불규칙성과 기하학적 둥근 산세리프의 질감 차이가 통일감을 해친다.
대비·계층: 두 폰트 모두 weight 400으로 동일하고, 손글씨 vs 기하학적 산세리프라는 구조적 대비만 있을 뿐 명확한 시각적 위계가 형성되지 않는다. 제목과 본문의 무게감 차이가 미흡하다.
추천 용도: 어린이·초등 교육 자료 (강원교육청 폰트 활용 맥락)캐주얼 이벤트 포스터 (두 폰트 모두 경쾌한 톤)아동 도서 표지 (손글씨 + 둥근 산세리프 조합)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

강원교육 튼튼의 손글씨 감성을 보완하려면 기하학적이면서도 따뜻한 산세리프(Manrope, Plus Jakarta Sans)가 어울리며, 본문은 중성적이고 가독성 높은 Inter나 Source Sans Pro로 대체하여 위계를 명확히 해야 한다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2d5016

#f4a460

#faf6f1

어울리는 산업 톤

교육 따뜻아동 친근

42제목 배달의민족 한나Pro · 본문 강원교육 튼튼

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

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

+강원교육 튼튼B=본문용

제작강원교육청상업 무료다운로드

우리 아이 성장을 함께하는 교육 플랫폼입니다.

본문용 손글씨 폰트(튼튼)는 긴 문장 읽기에 부적합합니다. 손글씨 특성상 자간·행간 불규칙성이 크고, 소문자 구분이 명확하지 않아 가독성이 현저히 떨어집니다.

분위기: 배달의민족 한나Pro의 친근하고 캐주얼한 분위기와 강원교육 튼튼의 손글씨 감성이 톤 면에서 충돌합니다. 한나Pro는 현대적 캐주얼이고, 튼튼은 교육적·따뜻함을 강조하는 방향으로 진행되어 일관성이 약합니다.
대비·계층: 제목(한나Pro, 400)과 본문(튼튼, 400) 모두 동일 웨이트(400)이므로 시각적 위계가 약합니다. 폰트 스타일 차이(sans vs handwriting)만으로는 충분한 대비를 만들 수 없습니다.
추천 용도: 어린이·초등 교육 콘텐츠 (제목+본문 모두 친근한 톤)캐주얼 이벤트 포스터 (단문 사용)SNS 카드뉴스 (짧은 문구만 사용)

어울리는 영문 폰트

제목InterManropePlus Jakarta Sans

본문Source Sans ProIBM Plex Sans

한나Pro의 친근한 현대성과 어울리는 중성적 sans-serif를 추천합니다. 손글씨 본문 폰트는 영문 페어링이 어려우므로, 영문 본문은 높은 가독성의 sans-serif 필수입니다.

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

36~44px

20~24px

본문

18~20px

line-height

1.8

어울리는 색상

#ff6b35

#ffd93d

#f5f5f0

어울리는 산업 톤

교육 따뜻키즈 친근

구현 코드 · 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/GangwonEduPower/subsets/GangwonEduPower-dynamic-subset.css');

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

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