한글 페어링 · 큐레이션

배달의민족 한나는열한살+비트로 프라이드

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

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

A:배달의민족 한나는열한살· 제작 우아한형제들|B:비트로 프라이드· 제작 비트로

→ 각 폰트 종합 가이드: 배달의민족 한나는열한살 가이드·비트로 프라이드 가이드

평가 결과 · 2개 케이스

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

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

42제목 비트로 프라이드 · 본문 배달의민족 한나는열한살

비트로 프라이드A=제목용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

+배달의민족 한나는열한살B=본문용

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

오늘만 특별, 놓치면 후회!

비트로 프라이드는 큰 사이즈 단독 헤드라인에서 임팩트가 살지만, 본문에 쓰인 한나는열한살은 디스플레이 성격이 강해 긴 문장 가독성이 떨어집니다.

분위기: 비트로 프라이드의 강렬한 디스플레이 인상과 한나는열한살의 손글씨 풍 친근함이 톤이 충돌합니다. 둘 다 개성이 강해 한 화면에서 시각적 피로를 유발할 수 있습니다.
대비·계층: 두 폰트 모두 장식성이 높아 위계 대비보다 스타일 충돌이 먼저 읽힙니다. 짧은 카피·라벨로 역할을 한정해야 정보 위계가 살아납니다.
추천 용도: 프로모션 배너 짧은 카피이벤트 포스터 헤드라인굿즈·패키지 그래픽SNS 카드뉴스 강조 문구

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterIBM Plex Sans

비트로 프라이드의 두꺼운 디스플레이 인상에는 기하학적이면서 또렷한 산세리프가 균형을 맞춥니다. 본문은 중성적 산세리프로 한나는열한살의 캐주얼함을 잡아줍니다.

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

44~56px

26~32px

본문

17~19px

line-height

1.7

어울리는 색상

#ff3b30

#ffd60a

#fff8e7

어울리는 산업 톤

이커머스 프로모션F&B 친근엔터테인먼트 캐주얼

38제목 배달의민족 한나는열한살 · 본문 비트로 프라이드

배달의민족 한나는열한살A=제목용

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

+비트로 프라이드B=본문용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

오늘은 신나는 동네 잔칫날이에요

한나는열한살은 제목으로서 시선을 끄는 힘은 있으나, 본문에 디스플레이 폰트인 비트로 프라이드를 쓰면 긴 글 가독성이 크게 떨어집니다.

분위기: 한나는열한살의 천진난만한 손글씨 인상과 비트로 프라이드의 강렬한 디스플레이 개성이 한 화면에서 서로 주도권을 다투며 톤이 충돌합니다.
대비·계층: 두 폰트 모두 개성이 강한 디스플레이 계열이라 위계 대비보다는 시각적 혼란이 먼저 발생하며, 정보 계층이 명확히 잡히지 않습니다.
추천 용도: 짧은 캠페인 포스터이벤트 배너 한정 사용굿즈·패키지 일러스트 카피SNS 키비주얼

어울리는 영문 폰트

제목Bagel Fat OneFredokaBungeeLilita One

본문NunitoQuicksand

한나는열한살의 둥글고 친근한 손글씨 인상에 맞춰 라운드 굵은 라틴 디스플레이로 통일감을 주고, 본문은 가독성 좋은 라운드 산세리프로 부드럽게 받쳐줍니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#ff6b35

#ffd23f

#fff8e7

어울리는 산업 톤

F&B 친근캐주얼 이벤트키즈·패밀리 브랜드

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/BMHANNA11yrs/subsets/BMHANNA11yrs-dynamic-subset.css');

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

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