한글 페어링 · 큐레이션

배달의민족 한나는열한살+코트라 볼드

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

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

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

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

평가 결과 · 2개 케이스

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

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

42제목 배달의민족 한나는열한살 · 본문 코트라 볼드

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

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

+코트라 볼드B=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

오늘은 떡볶이 먹는 날!

제목은 큼직한 사이즈에서 시선을 끄는 데 무리 없으나, 코트라 볼드는 700 웨이트 디스플레이 세리프라 본문용으로는 글자 농도가 지나치게 무거워 긴 글 가독성이 떨어집니다.

분위기: 한나는열한살의 장난기 있는 손글씨 인상과 코트라 볼드의 무겁고 권위적인 세리프 톤이 정면 충돌합니다. 친근한 디스플레이 제목과 격식 있는 본문이 한 화면에서 어색한 동거를 이룹니다.
대비·계층: 구조·웨이트 대비는 충분하지만 두 폰트 모두 디스플레이 성격이라 위계가 명확하기보다 시각적 소음이 발생합니다. 본문이 제목만큼 강하게 외쳐 정보 우선순위가 흐려집니다.
추천 용도: 이벤트 포스터 헤드라인캠페인 키비주얼B급 감성 굿즈 패키지팝업스토어 사이니지

어울리는 영문 폰트

제목Bagel Fat OneRubik Mono OneBungeeFraunces

본문IBM Plex SerifSource Serif

한나는열한살의 둥글고 통통한 손글씨 인상에는 굵고 캐릭터 있는 디스플레이 라틴이, 코트라 볼드의 강한 세리프에는 구조감 있는 정통 세리프 라틴이 합성에 자연스럽습니다.

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

44~56px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#ff5a3c

#ffd23f

#fff8ec

어울리는 산업 톤

F&B 친근이벤트·페스티벌 발랄라이프스타일 캐주얼

38제목 코트라 볼드 · 본문 배달의민족 한나는열한살

코트라 볼드A=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

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

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

오늘은 신나는 특별한 하루야

코트라 볼드는 제목으로 시선을 잡지만, 한나는열한살은 디스플레이 폰트라 긴 본문 읽기에는 부적합하다.

분위기: 코트라 볼드의 권위적이고 정제된 인상과 한나는열한살의 어린이 손글씨 톤이 충돌하여 일관된 분위기를 형성하기 어렵다.
대비·계층: weight·스타일 대비는 강하지만 두 폰트 모두 개성이 강해 위계가 아닌 인상 경쟁이 발생한다.
추천 용도: 어린이 도서 표지패러디·유머 콘텐츠캠페인 포스터이벤트 굿즈

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex Serif

본문FredokaQuicksand

코트라 볼드는 클래식 세리프 라틴과 어울리고, 한나는열한살은 라운드한 디스플레이 산세리프와 합성하면 손글씨 톤이 자연스럽게 이어진다.

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

40~52px

26~30px

본문

17~19px

line-height

1.7

어울리는 색상

#1f2a44

#f4b942

#fdf8ef

어울리는 산업 톤

교육 따뜻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;
}