한글 페어링 · 큐레이션

JS 동까비+본명조

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

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

A:JS 동까비· 제작 정스튜디오|B:본명조· 제작 어도비·구글

→ 각 폰트 종합 가이드: JS 동까비 가이드·본명조 가이드

평가 결과 · 2개 케이스

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

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

72제목 JS 동까비 · 본문 본명조

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

제작정스튜디오상업 무료

+본명조A=본문용

제작어도비·구글상업 무료다운로드

오래된 책장 사이로 햇살이 스며듭니다

본명조는 다양한 웨이트와 안정된 자소 비례로 긴 본문 가독성이 뛰어나며, JS 동까비는 한 가지 웨이트지만 특유의 굵은 실루엣 덕에 제목으로 시선을 강하게 잡습니다.

분위기: 본명조의 단정하고 고전적인 세리프 본문 위에 JS 동까비의 장난스럽고 손맛 있는 제목이 얹혀 진중함과 위트가 공존하는 분위기를 만듭니다.
대비·계층: 정제된 세리프 본문과 캐릭터성 강한 디스플레이 제목 사이의 스타일 대비가 뚜렷해 정보 위계가 분명하게 살아납니다.
추천 용도: 에세이·동화책 본문 조판라이프스타일 매거진 칼럼브랜드 스토리텔링 페이지감성 이벤트 포스터 캐치프레이즈

어울리는 영문 폰트

제목FrauncesRecoletaPlayfair Display

본문Source SerifEB Garamond

본명조 본문은 클래식 세리프 라틴과 자연스럽게 합성되어 통일된 독서 흐름을 만들고, 제목의 동까비는 둥글고 캐릭터 있는 디스플레이 세리프와 톤이 잘 맞습니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#c98a52

#f5efe6

어울리는 산업 톤

라이프스타일 매거진출판 에세이F&B 친근교육 따뜻

38제목 본명조 · 본문 JS 동까비

본명조A=제목용

제작어도비·구글상업 무료다운로드

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

제작정스튜디오상업 무료

오래된 책장 위, 작은 이야기가 깨어난다

제목의 본명조는 우아하게 읽히지만, 본문에 디스플레이 폰트인 JS 동까비를 쓰면 긴 글 가독성이 급격히 떨어집니다.

분위기: 본명조의 고전적이고 정제된 분위기와 JS 동까비의 장난스럽고 캐주얼한 손글씨 인상이 서로 다른 방향을 가리켜 톤이 분열됩니다.
대비·계층: 세리프 대 디스플레이라는 강한 형태 대비는 있으나 위계라기보다 충돌에 가까워 정보 구조가 혼란스럽습니다.
추천 용도: 감성 굿즈 상세 페이지어린이 도서 표지 한정이벤트 초대장캐주얼 캠페인 포스터

어울리는 영문 폰트

제목EB GaramondSource SerifPlayfair DisplayLora

본문CaveatPatrick Hand

본명조에는 고전 세리프 라틴이 자연스럽고, JS 동까비의 손글씨 톤에는 캐주얼한 핸드라이팅 계열 라틴이 어울립니다.

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

40~48px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#d97757

#f5efe6

어울리는 산업 톤

라이프스타일 매거진감성 F&B 친근어린이 교육 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Noto Serif KR', sans-serif;
}