한글 페어링 · 큐레이션

배달의민족 기랑해랑+JS 동까비

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

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

A:배달의민족 기랑해랑· 제작 우아한형제들|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: 배달의민족 기랑해랑 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

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

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

42제목 배달의민족 기랑해랑 · 본문 JS 동까비

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

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

+JS 동까비B=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

우리 함께 즐거운 시간을 만들어요!

기랑해랑은 제목용 디스플레이 폰트로 첫눈에 들어오지만, 동까비를 본문으로 사용하면 장시간 읽기에 피로감이 크다. 동까비도 디스플레이 폰트로 분류되어 본문 가독성이 부족하다.

분위기: 두 폰트 모두 캐주얼하고 친근한 분위기를 가지고 있으나, 기랑해랑의 손글씨 감성과 동까비의 둥근 장난스러운 톤이 완전히 일치하지 않아 분위기가 산만해 보인다.
대비·계층: 두 폰트 모두 400 무게이고 display 계열이라 무게 대비가 거의 없다. 제목과 본문의 위계 구분이 명확하지 않아 정보 계층화가 약하다.
추천 용도: 아동/교육 콘텐츠 (두 폰트의 친근함 활용)짧은 카피 중심 배너/포스터 (본문 길이 최소화)게임/엔터테인먼트 UI (캐주얼 톤 강조)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

기랑해랑의 손글씨 따뜻함과 어울리려면 친근하면서도 현대적인 sans-serif가 필요하며, 본문은 높은 가독성의 중성적 sans-serif로 보완해야 한다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#ff6b6b

#ffd93d

#f5f5f5

어울리는 산업 톤

아동 교육 친근F&B 캐주얼

42제목 JS 동까비 · 본문 배달의민족 기랑해랑

JS 동까비A=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

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

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

우리 함께 즐거운 하루를 만들어요.

BMKirangHaerang은 손글씨 특성상 긴 본문 텍스트 가독성이 떨어진다. 제목용 JS 동까비도 display 폰트로 장문 읽기에 부적합하며, 본문용으로 사용하기엔 무겁다.

분위기: JS 동까비의 둥근 캐주얼함과 BMKirangHaerang의 손글씨 감성이 겹치면서 분위기 충돌이 발생한다. 두 폰트 모두 개성 강한 display 계열이라 제목-본문 위계 구분이 모호하다.
대비·계층: 두 폰트 모두 400 weight이고 display 계열이라 시각적 대비가 약하다. 제목과 본문의 위계 차이를 명확히 표현하기 어렵다.
추천 용도: 짧은 문구 카드/포스터 (제목만 강조, 본문 최소화)캐주얼 이벤트 배너 (두 폰트 모두 경쾌한 톤)어린이·교육 콘텐츠 (둥근 감성 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

JS 동까비의 둥근 캐주얼함을 보완하려면 현대적이고 깔끔한 sans-serif가 필요하다. 본문은 높은 가독성의 중립적 영문 폰트로 한글 손글씨 감성과 균형을 맞춘다.

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

48~56px

28~32px

본문

14~16px

line-height

1.6

어울리는 색상

#ff6b6b

#ffc93c

#f5f5f5

어울리는 산업 톤

F&B 캐주얼키즈·교육 친근

구현 코드 · 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;
}