한글 페어링 · 큐레이션

JS 동까비+이순신체

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

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

A:JS 동까비· 제작 정스튜디오|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: JS 동까비 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

42제목 JS 동까비 · 본문 이순신체

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

제작정스튜디오상업 무료

+이순신체B=본문용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

동까비 제목이 귀여우면 본문은 손글씨로 읽기 힘들어요.

이순신체는 손글씨 특성상 긴 본문 읽기에 피로도가 높고, 소문자 구분이 명확하지 않아 가독성이 떨어진다. 제목용 동까비도 display 폰트라 본문으로 쓰기 어렵다.

분위기: JS 동까비의 둥근 귀여움과 이순신체의 필기체 손글씨 감성이 톤 충돌을 일으킨다. 동까비는 캐주얼·장난스러운 인상이고, 이순신체는 고전·격식 있는 느낌으로 일관성이 부족하다.
대비·계층: 두 폰트 모두 400 weight 기반이라 제목·본문 간 무게 대비가 약하다. 구조적 차이(display vs handwriting)는 있지만 위계 강조 효과가 미흡하다.
추천 용도: 캐주얼 어린이 교육 콘텐츠 (제목만 동까비, 본문은 재검토 필수)포스터·이벤트 플라이어 (제목 중심, 본문 최소화)감성 브랜드 로고·슬로건 (단문 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

동까비의 둥근 캐주얼함을 살리려면 Manrope·Satoshi 같은 현대적 rounded sans가 어울린다. 본문은 이순신체 대신 Inter·Source Sans Pro 같은 중성적 sans-serif로 교체하여 가독성을 확보해야 한다.

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

48~56px

28~32px

본문

16~18px

line-height

1.65

어울리는 색상

#f5efe6

#d4a574

#2a2a2a

어울리는 산업 톤

어린이 교육 따뜻함감성 라이프스타일

42제목 이순신체 · 본문 JS 동까비

이순신체A=제목용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

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

제작정스튜디오상업 무료

따뜻한 손글씨로 마음을 전하세요.

이순신체는 제목용 handwriting으로 적합하나, JS 동까비는 display 폰트로 본문 가독성이 매우 낮다. 장문 읽기에는 부적합하며, 제목-본문 위계가 명확하지 않다.

분위기: 이순신체의 손글씨 감성과 JS 동까비의 장난스러운 디스플레이 톤이 일관성 있게 어울리지 않아 브랜드 정체성이 산만해 보인다. 두 폰트 모두 개성이 강해 함께 사용하면 톤이 충돌한다.
대비·계층: 두 폰트 모두 개성 강한 display/handwriting 계열이라 weight 대비(400 vs 400/700)만으로는 정보 위계를 충분히 구분하기 어렵다. 시각적 대비가 약하다.
추천 용도: 어린이·교육용 콘텐츠 (두 폰트 모두 친근하지만 혼용 시 산만함)포스터·이벤트 플라이어 (짧은 카피 중심, 본문 최소화)캐주얼 브랜드 로고·타이틀 (개성 극대화 목적)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

이순신체의 손글씨 감성을 살리려면 현대적이면서도 따뜻한 sans-serif(Manrope, Plus Jakarta Sans)가 어울린다. 본문은 중립적 가독성 폰트(Inter, Source Sans Pro)로 보완하되, JS 동까비는 영문 페어링을 권장하지 않는다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

교육·키즈 친근핸드메이드·공예 따뜻함

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* JS 동까비 또는 이순신체의 공식 CDN이 없어 Pretendard로 fallback 처리 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css');

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

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