한글 페어링 · 큐레이션

배달의민족 한나Pro+구기

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:구기· 제작 윤디자인

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·구기 가이드

평가 결과 · 2개 케이스

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

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

42제목 배달의민족 한나Pro · 본문 구기

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

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

+구기A=본문용

제작윤디자인상업 무료다운로드

골목 끝 노포의 손맛이 그립다

구기를 본문에 두는 시나리오 자체가 가독성에 불리하며, 긴 문장에서 획의 율동감이 피로를 유발합니다. 한나Pro 제목은 짧은 카피에서만 명확하게 읽힙니다.

분위기: 구기의 붓글씨풍 손맛과 한나Pro의 투박한 간판체가 모두 강한 개성을 내세워 한 화면에서 시선 주도권을 두고 충돌합니다. 두 디스플레이 성격이 겹쳐 톤 정돈이 어렵습니다.
대비·계층: 굵기 대비는 약하지만 형태 대비(붓글씨 vs 각진 간판체)가 강해 위계보다는 충돌로 읽힙니다. 사이즈 차로 위계를 강제로 만들어야 합니다.
추천 용도: 전통시장 행사 포스터분식·길거리 음식 브랜딩복고풍 굿즈 패키지동네 축제 배너

어울리는 영문 폰트

제목Bagel Fat OneRubik Mono OneAlfa Slab One

본문CaveatPatrick Hand

한나Pro의 두툼하고 투박한 간판 인상에는 굵직한 디스플레이 라틴이 어울리고, 구기의 손글씨 톤에는 캐주얼한 핸드라이팅 계열 라틴이 자연스럽게 합쳐집니다.

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

40~56px

24~30px

본문

17~19px

line-height

1.7

어울리는 색상

#d7263d

#f4c95d

#fef6e4

어울리는 산업 톤

F&B 레트로전통시장 캐주얼로컬 축제 친근

42제목 구기 · 본문 배달의민족 한나Pro

구기A=제목용

제작윤디자인상업 무료다운로드

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

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

오늘 저녁, 골목식당에서 만나요

구기는 제목용으로 임팩트가 강하나 획이 두꺼워 큰 사이즈가 필수이며, 한나Pro는 디스플레이 성격이라 본문 장문에는 가독성이 떨어집니다.

분위기: 구기의 붓글씨 같은 손맛과 한나Pro의 빈티지 간판체가 만나 복고·키치한 인상을 만들지만, 두 폰트 모두 강한 개성이 충돌하는 경향이 있습니다.
대비·계층: 두 폰트 모두 디스플레이 계열이라 weight·structure 대비가 약하고, 정보 위계가 흐려질 수 있어 사이즈 차이를 크게 줘야 합니다.
추천 용도: 전통시장 포스터분식·주점 메뉴판레트로 이벤트 배너복고 콘셉트 패키지푸드트럭 간판

어울리는 영문 폰트

제목BungeeAlfa Slab OneBowlby One

본문Work SansManrope

구기의 손글씨·간판 톤에 어울리는 두꺼운 디스플레이 라틴을 제목에, 한나Pro 본문에는 안정적인 산세리프로 균형을 잡습니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#c0392b

#f4c542

#fdf6e3

어울리는 산업 톤

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=Gugi&display=swap');

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

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