한글 페어링 · 큐레이션

JS 동까비+나눔바른고딕

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

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

A:JS 동까비· 제작 정스튜디오|B:나눔바른고딕· 제작 네이버

→ 각 폰트 종합 가이드: JS 동까비 가이드·나눔바른고딕 가이드

평가 결과 · 2개 케이스

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

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

74제목 JS 동까비 · 본문 나눔바른고딕

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

제작정스튜디오상업 무료

+나눔바른고딕B=본문용

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

오늘은 신나는 동네 한 바퀴!

JS 동까비는 디스플레이 특유의 개성으로 제목에서 시선을 즉시 끌고, 나눔바른고딕은 균형 잡힌 자족과 안정된 자간으로 긴 본문을 무리 없이 읽히게 합니다.

분위기: JS 동까비의 장난기 있는 손글씨 인상이 나눔바른고딕의 깔끔한 본문 위에서 친근하고 경쾌한 톤을 형성합니다.
대비·계층: 손글씨 기반 디스플레이와 정제된 산세리프의 형태 대비가 강해 정보 위계가 직관적으로 분리됩니다.
추천 용도: 어린이·교육 콘텐츠 표지F&B 브랜드 메뉴판·SNS 카드뉴스라이프스타일 블로그 헤더캠페인 포스터이벤트 페이지 배너

어울리는 영문 폰트

제목FrauncesCaveatBungeeManrope

본문InterIBM Plex Sans

제목은 동까비의 손글씨 감성과 어울리는 표정 있는 디스플레이/캐주얼 라틴이 자연스럽고, 본문은 나눔바른고딕의 중립적 톤과 호환되는 모던 산세리프가 안정적입니다.

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

44~56px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#ff7a3d

#ffd84d

#fff8ec

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 캐주얼키즈·패밀리

42제목 나눔바른고딕 · 본문 JS 동까비

나눔바른고딕A=제목용

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

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

제작정스튜디오상업 무료

단정한 제목 아래 다정한 이야기를 띄웁니다

제목의 나눔바른고딕은 또렷하고 안정적이지만, 본문 자리에 디스플레이 폰트인 JS 동까비를 놓으면 긴 글 가독성이 크게 떨어집니다.

분위기: 나눔바른고딕의 단정하고 정제된 인상과 JS 동까비의 장난스럽고 손글씨 같은 디스플레이 감성이 톤에서 충돌합니다.
대비·계층: 정갈한 산세리프 제목과 캐주얼한 디스플레이 본문 사이 형태 대비는 강하나, 위계 정보보다 이질감으로 읽히기 쉽습니다.
추천 용도: 어린이·교육 콘텐츠 배너이벤트 페이지 단발 카피감성 굿즈·문구 패키지SNS 카드뉴스 짧은 본문

어울리는 영문 폰트

제목InterIBM Plex SansSource Sans ProManrope

본문CaveatPatrick Hand

나눔바른고딕의 차분한 산세리프 구조에는 기하학적 균형의 Inter·Plex Sans가 잘 맞고, JS 동까비의 손글씨 감성은 캐주얼한 핸드라이팅 라틴과 짝지어야 분위기가 자연스럽습니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.75

어울리는 색상

#2b2b2b

#f4a259

#fdf6ec

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumBarunGothic/subsets/NanumBarunGothic-dynamic-subset.css');

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

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