한글 페어링 · 큐레이션

배달의민족 기랑해랑+코트라 볼드

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

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

A:배달의민족 기랑해랑· 제작 우아한형제들|B:코트라 볼드· 제작 코트라

→ 각 폰트 종합 가이드: 배달의민족 기랑해랑 가이드·코트라 볼드 가이드

평가 결과 · 2개 케이스

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

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

42제목 배달의민족 기랑해랑 · 본문 코트라 볼드

배달의민족 기랑해랑A=제목용

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

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

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

따뜻한 마음으로 전하는 특별한 소식

기랑해랑은 제목용 디스플레이로 적합하나, 코트라 볼드(700 무게, 세리프 디스플레이)는 본문 가독성이 매우 낮다. 긴 문장에서 세리프와 무거운 웨이트가 가독성을 심각하게 해친다.

분위기: 배달의민족 기랑해랑의 따뜻하고 캐주얼한 손글씨 감성과 코트라 볼드의 무거운 세리프 디스플레이 톤이 충돌한다. 전자는 친근감, 후자는 공식성을 강조하여 일관된 브랜드 톤을 형성하기 어렵다.
대비·계층: 두 폰트 모두 display 분류로 웨이트 대비(400 vs 700)는 명확하지만, 스타일 대비(손글씨 vs 세리프)가 과도하여 정보 위계보다 시각적 혼란을 야기한다.
추천 용도: 짧은 카피 조합(1~2줄 슬로건)포스터·배너(제목만 강조, 본문 최소화)이벤트 프로모션(감정 충돌을 의도적으로 활용하는 경우 제한적)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source SerifIBM Plex Serif

기랑해랑의 캐주얼함을 지원하려면 Manrope·Plus Jakarta Sans 같은 현대 산스가 적합하고, 코트라 볼드 대체 시 세리프 본문은 IBM Plex Serif로 무게감을 유지하되 가독성을 확보할 수 있다.

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

36~44px

20~24px

본문

14~16px

line-height

1.5

어울리는 색상

#2d2d2d

#ff6b35

#f5f1e8

어울리는 산업 톤

F&B 캐주얼(제목만 활용)라이프스타일 이벤트(감정 톤 충돌 회피 필수)

42제목 코트라 볼드 · 본문 배달의민족 기랑해랑

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

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

+배달의민족 기랑해랑B=본문용

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

우리는 함께 성장하는 브랜드입니다

기랑해랑은 본문용 폰트가 아닌 디스플레이·손글씨체로, 긴 문장 가독성이 현저히 낮다. 제목-본문 위계 구분이 약하고 본문 역할 수행 불가능.

분위기: 코트라 볼드의 정중한 세리프 디스플레이와 기랑해랑의 캐주얼한 손글씨체가 분위기 충돌을 일으킨다. 공식성과 친근함의 톤이 불일치하여 일관된 브랜드 정체성 형성이 어렵다.
대비·계층: 코트라 볼드(700, serif, formal)와 기랑해랑(400, handwriting, casual) 간 무게·스타일 대비는 크지만, 둘 다 디스플레이 용도라 정보 위계 형성이 모호하다.
추천 용도: 캐주얼 이벤트 포스터(제목만 활용 시)감성 에디토리얼 커버(텍스트 최소화 디자인)어린이·교육 콘텐츠(톤 재조정 필요)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondMerriweather

본문InterSource Sans Pro

코트라 볼드의 정중한 세리프 분위기에는 클래식한 디스플레이 세리프(Playfair)가 어울리며, 본문은 기랑해랑 대신 산세리프 본문체(Inter, Source Sans Pro)로 교체하여 가독성을 확보해야 한다.

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

48~64px

28~36px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 공식감성 라이프스타일

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Kirang+Haerang&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'Kirang Haerang', sans-serif;
}

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