한글 페어링 · 큐레이션

배달의민족 한나Pro+싱글데이

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:싱글데이· 제작 구글 한글 폰트

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·싱글데이 가이드

평가 결과 · 2개 케이스

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

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

42제목 배달의민족 한나Pro · 본문 싱글데이

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

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

+싱글데이A=본문용

제작구글 한글 폰트상업 무료다운로드

오늘의 추천 메뉴를 확인해보세요.

싱글데이는 손글씨 특성상 긴 본문 읽기에 피로도가 높고, 자간·자형 일관성이 떨어져 가독성이 낮다. 한나Pro는 디스플레이 용도로 설계되어 본문 대체 역할에 부적합하다.

분위기: 싱글데이의 부드럽고 친근한 손글씨 톤과 배달의민족 한나Pro의 둥근 산세리프 톤이 모두 캐주얼하지만, 싱글데이는 개인적·감정적 인상을 강하게 드러내 제목용 한나Pro와의 계층 분리가 불명확하다.
대비·계층: 두 폰트 모두 400 웨이트이고 둥근 산세리프 계열이라 무게감 대비가 거의 없다. 제목-본문 간 시각적 위계 구분이 약하며, 스타일 차이(handwriting vs sans)만으로는 정보 계층을 명확히 하기 어렵다.
추천 용도: 캐주얼 이벤트 포스터·배너 (단문 텍스트만)어린이·교육 콘텐츠 (친근함 강조)SNS 카드뉴스·인포그래픽 (짧은 문구)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

싱글데이의 손글씨 따뜻함을 보완하려면 현대적 산세리프(Manrope, Geist)가 균형을 맞춘다. 본문은 높은 가독성의 중립적 산세리프(Inter, Source Sans Pro)를 권장하여 한글 본문 피로도를 낮춘다.

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

32~40px

20~24px

본문

16~18px

line-height

1.7

어울리는 색상

#2c2c2c

#ff6b35

#f9f7f4

어울리는 산업 톤

F&B 캐주얼키즈·교육 친근

42제목 싱글데이 · 본문 배달의민족 한나Pro

싱글데이A=제목용

제작구글 한글 폰트상업 무료다운로드

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

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

오늘도 맛있는 음식과 함께 행복한 하루를 보내세요.

싱글데이는 제목용으로 시각적 임팩트가 강하지만, 한나Pro는 본문용 산세리프가 아닌 display 폰트로 분류되어 긴 문장 읽기에 부적합하다. 본문 역할 폰트의 가독성 부족이 페어링 실용성을 크게 제한한다.

분위기: 싱글데이의 캐주얼하고 손글씨 감성이 한나Pro의 둥근 산세리프 친근함과 만나 일관성 있는 따뜻한 톤을 형성하지만, 두 폰트 모두 display 특성이 강해 본문 가독성이 현저히 떨어진다.
대비·계층: 싱글데이(handwriting, 400)와 한나Pro(display sans, 400) 간 weight 대비가 충분하지 않으며, 두 폰트 모두 개성 강한 display 계열이라 정보 위계 구분이 명확하지 않다.
추천 용도: 카드·포스터·배너 등 짧은 텍스트 강조어린이·교육 콘텐츠 (캐주얼 톤)F&B·라이프스타일 매거진 헤더이벤트·프로모션 디자인 (본문 제외)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

싱글데이의 캐주얼 손글씨 감성을 보완하려면 Manrope·Plus Jakarta Sans 같은 현대적 산세리프가 어울리고, 본문은 반드시 높은 가독성의 Inter·Source Sans Pro 같은 text-optimized 폰트로 교체해야 한다.

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

36~48px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#ff6b6b

#ffd93d

#f5efe6

어울리는 산업 톤

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

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

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