한글 페어링 · 큐레이션

배달의민족 한나Air+EBS 훈민정음 새론

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

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

A:배달의민족 한나Air· 제작 우아한형제들|B:EBS 훈민정음 새론· 제작 EBS

→ 각 폰트 종합 가이드: 배달의민족 한나Air 가이드·EBS 훈민정음 새론 가이드

평가 결과 · 2개 케이스

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

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

54제목 배달의민족 한나Air · 본문 EBS 훈민정음 새론

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

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

+EBS 훈민정음 새론A=본문용ⓘ 미리보기는 프리텐다드

제작EBS상업 무료다운로드

오늘도 한 줄, 마음에 새기는 문장 하나.

새론은 300·500 웨이트에서 긴 글 가독성이 뛰어나 본문에 적합하지만, 한나Air는 라인이 얇고 캐주얼해 큰 제목에서만 시인성이 확보된다.

분위기: EBS 훈민정음 새론의 단정하고 학구적인 본문 톤이, 한나Air의 가볍고 손글씨 같은 제목과 만나 어울리지 않는 두 정서가 충돌한다.
대비·계층: 세리프 본문과 캐주얼 산세리프 디스플레이 제목의 형태 대비는 크지만, 한나Air의 단일 웨이트와 얇은 획이 위계 강조에는 약점이다.
추천 용도: 어린이·청소년 교양 콘텐츠교육 캠페인 리플릿도서관 행사 포스터에세이형 블로그동화·학습 출판물

어울리는 영문 폰트

제목FrauncesCaveatQuicksand

본문Source SerifLora

한나Air의 손글씨 감성에는 캐주얼한 Caveat나 둥근 Quicksand가 어울리고, 새론 본문에는 인문적인 Source Serif·Lora가 톤을 안정화한다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b3a2e

#e9a73b

#f7f1e3

어울리는 산업 톤

교육 따뜻어린이 출판공공 교양 캠페인

52제목 EBS 훈민정음 새론 · 본문 배달의민족 한나Air

EBS 훈민정음 새론A=제목용ⓘ 미리보기는 프리텐다드

제작EBS상업 무료다운로드

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

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

오늘 배우는 한 글자, 내일의 생각이 됩니다

제목의 새론은 또렷한 획 대비로 가독성이 좋지만, 본문에 쓰인 한나Air는 손글씨 기반이라 긴 문장 가독성에는 한계가 있습니다.

분위기: EBS 훈민정음 새론의 단정한 명조 인상과 한나Air의 가볍고 둥근 손글씨 느낌이 톤에서 다소 충돌합니다. 진지함과 발랄함이 섞여 일관된 분위기를 만들기 어렵습니다.
대비·계층: 세리프 제목과 산세리프 본문이라는 구조적 대비는 명확하나, 한나Air의 캐주얼함이 새론의 정제된 권위를 약화시켜 위계가 흐릿해질 수 있습니다.
추천 용도: 교육 콘텐츠 브로슈어어린이·청소년 도서 표지캠페인 포스터방송 자막 그래픽

어울리는 영문 폰트

제목Source SerifEB GaramondIBM Plex SerifLora

본문Plus Jakarta SansManrope

새론의 단정한 명조 구조에는 클래식 세리프가 자연스럽게 어울리고, 한나Air의 둥근 캐주얼함은 부드러운 산세리프와 톤이 맞습니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#2b2a3c

#f4a261

#fdf6ec

어울리는 산업 톤

교육 따뜻어린이 콘텐츠 친근공공 캠페인

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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