한글 페어링 · 큐레이션

개구+JS 동까비

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

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

A:개구· 제작 김인엽|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: 개구 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

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

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

42제목 JS 동까비 · 본문 개구

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

제작정스튜디오상업 무료

+개구A=본문용

제작김인엽상업 무료다운로드

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

개구는 handwriting 계열로 본문 가독성이 제한적이다. 긴 문장에서 자간·행간 조정 없이는 피로도가 높으며, JS 동까비는 display 전용으로 본문 역할 불가능하다. 제목-본문 위계 구분이 약하다.

분위기: 개구의 부드럽고 친근한 손글씨 감성과 JS 동까비의 장난스럽고 캐주얼한 디스플레이 톤이 겹치면서 분위기 일관성이 약하다. 두 폰트 모두 캐주얼하지만, 개구는 따뜻한 정서성, JS 동까비는 놀이적 과장성이 강해 톤 분리가 모호하다.
대비·계층: 두 폰트의 무게 대비가 불충분하다. 개구 400과 JS 동까비 400이 모두 단일 무게이며, handwriting vs display 분류 차이만으로는 시각적 위계가 명확하지 않다. 제목의 강조감이 부족하다.
추천 용도: 어린이·교육용 콘텐츠 (따뜻하고 친근한 톤)캐주얼 이벤트 포스터 (장난스러운 분위기)SNS 카드형 콘텐츠 (짧은 문구 중심)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

개구의 부드러운 손글씨 감성을 보완하려면 현대적이고 깔끔한 sans-serif가 필요하다. Manrope는 rounded 구조로 친근감을, Inter·Source Sans Pro는 높은 가독성으로 본문 안정성을 제공한다.

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

36~44px

20~24px

본문

15~17px

line-height

1.7

어울리는 색상

#2d5016

#f4a460

#faf6f1

어울리는 산업 톤

교육·키즈 콘텐츠라이프스타일 캐주얼

42제목 개구 · 본문 JS 동까비

개구A=제목용

제작김인엽상업 무료다운로드

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

제작정스튜디오상업 무료

우리 함께 신나는 모험을 떠나요!

동까비는 display 폰트로 제목용이지 본문용이 아니며, 개구도 handwriting 특성상 긴 문장 가독성이 떨어진다. 본문 역할 폰트가 부재하여 실무 적용이 어렵다.

분위기: 개구의 손글씨 따뜻함과 동까비의 둥근 디스플레이 톤이 모두 캐주얼하지만, 개구는 필기감 강조, 동까비는 기하학적 장난기로 분위기가 겹친다. 제목-본문 위계보다 두 폰트 모두 주목성이 높아 시각적 혼란을 초래한다.
대비·계층: 두 폰트 모두 개성 강한 display/handwriting 계열이라 무게 대비보다 '스타일 충돌'이 발생한다. 명확한 정보 위계(heading vs body)를 형성하기 어렵다.
추천 용도: 어린이·유아 교육 콘텐츠 (두 폰트 모두 친근하지만 본문 가독성 부족)카드뉴스·SNS 그래픽 (짧은 문장 중심, 개성 강조)포스터·이벤트 배너 (제목만 사용, 본문 폰트 별도 필요)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

개구의 손글씨 캐주얼함을 영문으로 표현하려면 rounded sans(Manrope, Satoshi)가 어울린다. 본문은 동까비 대신 중성적 sans-serif(Inter, Source Sans Pro)를 반드시 사용해야 가독성을 확보할 수 있다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2d2d2d

#ff6b9d

#fef5f1

어울리는 산업 톤

키즈·유아 교육라이프스타일 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@300;400;700&display=swap');

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

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