한글 페어링 · 큐레이션

배달의민족 한나Pro+노토 세리프 KR

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:노토 세리프 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·노토 세리프 KR 가이드

평가 결과 · 2개 케이스

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

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

58제목 배달의민족 한나Pro · 본문 노토 세리프 KR

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

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

+노토 세리프 KRA=본문용

제작구글·어도비상업 무료다운로드

오래된 가게의 따뜻한 이야기를 전합니다

노토 세리프 KR은 다양한 굵기와 안정된 자형으로 긴 본문 가독성이 우수하며, 한나Pro는 짧은 강조 카피에서 시선을 단번에 사로잡습니다.

분위기: 노토 세리프 KR의 정제된 고전미가 본문을 차분하게 이끄는 가운데, 한나Pro의 손글씨풍 디스플레이가 친근한 강조 포인트로 작동합니다.
대비·계층: 세리프의 정통성과 한나Pro의 캐주얼한 손맛이 형태적으로 강한 대비를 이루지만, 톤 차이가 커서 위계는 분명하나 통일감 확보에는 주의가 필요합니다.
추천 용도: F&B 브랜드 스토리 페이지라이프스타일 매거진 인터뷰친근한 톤의 뉴스레터 본문전통과 현대를 엮은 캠페인 랜딩

어울리는 영문 폰트

제목FrauncesPlayfair DisplayRecoleta

본문Source SerifMerriweather

본문은 노토 세리프 KR과 구조가 닮은 정통 세리프로 일관성을 확보하고, 제목은 한나Pro의 친근한 곡선과 어울리는 부드러운 디스플레이 세리프로 매칭합니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b1d14

#c8794a

#f5efe6

어울리는 산업 톤

F&B 친근라이프스타일 매거진전통 공예 브랜드

42제목 노토 세리프 KR · 본문 배달의민족 한나Pro

노토 세리프 KRA=제목용

제작구글·어도비상업 무료다운로드

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

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

오래된 멋, 새롭게 짓다

제목의 노토 세리프 KR은 또렷한 획 대비로 가독성이 우수하나, 본문에 한나Pro를 쓰면 디스플레이 특성상 긴 문장 읽기에 부담이 큽니다.

분위기: 노토 세리프 KR의 고전적이고 묵직한 인상과 한나Pro의 손글씨 기반 캐주얼한 디스플레이 톤이 충돌해 일관된 분위기를 만들기 어렵습니다.
대비·계층: 세리프 제목과 손글씨 산세리프 본문의 구조 차이는 크지만, 본문 폰트가 너무 캐릭터가 강해 위계가 역전되는 느낌이 듭니다.
추천 용도: 전통과 친근함을 섞은 캠페인 포스터F&B 브랜드 광고 비주얼이벤트 페이지 짧은 본문전시·문화 행사 키 비주얼

어울리는 영문 폰트

제목Source SerifEB GaramondPlayfair DisplayLora

본문ManropePlus Jakarta Sans

노토 세리프 KR 제목에는 클래식한 라틴 세리프를 매칭해 위엄을 살리고, 캐주얼한 한나Pro 본문은 둥근 산세리프와 결을 맞춥니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2017

#c8553d

#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=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

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