한글 페어링 · 큐레이션

JS 동까비+나눔 펜체

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

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

A:JS 동까비· 제작 정스튜디오|B:나눔 펜체· 제작 네이버

→ 각 폰트 종합 가이드: JS 동까비 가이드·나눔 펜체 가이드

평가 결과 · 2개 케이스

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

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

35제목 JS 동까비 · 본문 나눔 펜체

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

제작정스튜디오상업 무료

+나눔 펜체A=본문용

제작네이버상업 무료다운로드

손글씨처럼 따뜻한 느낌의 디자인

나눔 펜체는 손글씨 특성상 긴 본문 읽기에 부적합하며, 글자 간 간격과 필획 굵기 변화가 가독성을 크게 해칩니다. JS 동까비는 제목용으로도 과도하게 개성 강해 보조 제목으로 사용하기 어렵습니다.

분위기: 나눔 펜체의 부드럽고 손글씨 감성과 JS 동까비의 강렬하고 거친 디스플레이 성격이 충돌하여 일관된 브랜드 톤을 형성하기 어렵습니다. 두 폰트의 인상이 너무 상이해 혼란스러운 느낌을 줍니다.
대비·계층: 두 폰트 간 무게(weight)는 모두 400으로 동일하여 명확한 위계 대비가 부족합니다. 분류(handwriting vs display)의 차이만으로는 정보 계층을 충분히 구분하기 어렵습니다.
추천 용도: 개성 강한 이벤트 포스터 (단문 텍스트만)아동용 교육 콘텐츠 (짧은 카피)감정 표현 필요한 SNS 콘텐츠

어울리는 영문 폰트

제목ManropeSatoshiPlus Jakarta Sans

본문InterSource Sans Pro

JS 동까비의 강렬한 개성을 완화하기 위해 기하학적이고 현대적인 산세리프를 추천합니다. 나눔 펜체의 손글씨 감성을 지나치게 강조하지 않으면서도 따뜻한 분위기를 유지할 수 있습니다.

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

36~44px

20~24px

본문

15~17px

line-height

1.7

어울리는 색상

#2d2d2d

#ff6b6b

#f9f7f4

어울리는 산업 톤

아동·교육 친근감성 라이프스타일

35제목 나눔 펜체 · 본문 JS 동까비

나눔 펜체B=제목용

제작네이버상업 무료다운로드

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

제작정스튜디오상업 무료

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

JS 동까비는 display 폰트로 긴 본문 읽기에 부적합하며, 나눔 펜체 역시 손글씨 특성상 소문자 크기에서 가독성이 떨어집니다. 두 폰트 모두 본문용으로 설계되지 않아 장문 읽기 환경에서 피로도가 높습니다.

분위기: JS 동까비의 장난스럽고 캐주얼한 분위기와 나눔 펜체의 손글씨 감성이 겹치면서 일관성 있는 톤을 형성하기 어렵습니다. 두 폰트 모두 playful하지만 서로 다른 방식의 비정형성으로 인해 분산된 인상을 줍니다.
대비·계층: 두 폰트 간 무게(weight)가 동일(400)하고 둘 다 비정형적 구조를 가져 명확한 위계 대비가 부족합니다. 제목과 본문의 시각적 구분이 약해 정보 위계 전달이 효과적이지 않습니다.
추천 용도: 어린이 교육 콘텐츠 (동화책, 학습 포스터)캐주얼 브랜드 SNS 이미지이벤트 초대장 (소량 텍스트)

어울리는 영문 폰트

제목ManropeSatoshiPlus Jakarta Sans

본문InterSource Sans Pro

JS 동까비의 playful 톤을 보완하려면 현대적이고 친근한 sans-serif가 필요합니다. Manrope와 Satoshi는 rounded geometric 특성으로 캐주얼함을 강화하고, 본문은 높은 가독성의 Inter/Source Sans Pro로 안정성을 확보합니다.

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

48~56px

28~32px

본문

16~18px

line-height

1.7

어울리는 색상

#ff6b6b

#ffd93d

#f5f5f5

어울리는 산업 톤

어린이·교육 친근캐주얼 라이프스타일

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

/* 본문 */
body, p {
  font-family: 'Nanum Pen Script', sans-serif;
}