한글 페어링 · 큐레이션

배달의민족 한나Pro+스포카 한 산스 네오

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:스포카 한 산스 네오· 제작 스포카

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·스포카 한 산스 네오 가이드

평가 결과 · 2개 케이스

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

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

86제목 배달의민족 한나Pro · 본문 스포카 한 산스 네오

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

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

+스포카 한 산스 네오B=본문용

제작스포카상업 무료다운로드

오늘은 우리 동네 단골집에서

한나Pro는 큰 사이즈에서 시선을 확실히 잡고, 한 산스 네오는 다양한 굵기와 균형 잡힌 자소 구조로 긴 본문에서도 안정적인 가독성을 제공한다.

분위기: 한나Pro의 손글씨 같은 친근한 디스플레이 인상이 한 산스 네오의 단정한 모던 산스와 만나 따뜻하면서도 정돈된 톤을 만든다.
대비·계층: 디스플레이 특유의 굵고 둥근 한나Pro와 깔끔한 지오메트릭 산스인 한 산스 네오 사이에 형태·인상 대비가 뚜렷해 정보 위계가 명확히 잡힌다.
추천 용도: F&B 브랜드 캠페인 페이지이커머스 프로모션 배너라이프스타일 매거진 기사오프라인 매장 사이니지SNS 카드뉴스

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshiGeist

본문InterIBM Plex Sans

한나Pro의 둥글고 친근한 인상에는 약간의 곡선미를 가진 모던 산스가 어울리고, 본문 한 산스 네오는 중립적이고 x-height가 비슷한 Inter·IBM Plex와 자연스럽게 합성된다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2b2118

#f4b942

#fdf8f0

어울리는 산업 톤

F&B 친근이커머스 깔끔라이프스타일 매거진

52제목 스포카 한 산스 네오 · 본문 배달의민족 한나Pro

스포카 한 산스 네오A=제목용

제작스포카상업 무료다운로드

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

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

오늘의 깔끔한 한 끼, 지금 만나보세요

스포카 한 산스 네오는 제목에서 명료하게 읽히지만, 본문에 쓰인 한나Pro는 디스플레이 성격이 강해 장문 가독성이 떨어집니다.

분위기: 스포카 한 산스 네오의 정제된 모던함이 한나Pro의 손글씨 같은 친근한 캐릭터와 톤이 어긋날 수 있습니다. 제목은 차분하고 본문은 발랄해 페어 일관성이 약합니다.
대비·계층: 정형 산스와 손글씨풍 디스플레이의 구조적 차이로 대비는 뚜렷하나, 위계라기보다 이질감으로 작용할 위험이 있습니다.
추천 용도: 이벤트 랜딩 페이지캠페인 배너F&B 프로모션 포스터SNS 카드뉴스

어울리는 영문 폰트

제목InterPretendard LatinManropeIBM Plex Sans

본문Plus Jakarta SansSource Sans Pro

스포카 한 산스 네오는 기하학적 산스 구조라 Inter·Manrope 같은 중립 산스와 합성 시 자연스러운 리듬을 형성합니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#2b2b2b

#ffb547

#fdf8f1

어울리는 산업 톤

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/spoqa/spoqa-han-sans@01ff0283e4f6c41e92d11f8113b1f61131b7d683/css/SpoqaHanSansNeo.css');

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

/* 본문 */
body, p {
  font-family: 'Spoqa Han Sans Neo', sans-serif;
}