한글 페어링 · 큐레이션

검은고딕+JS 동까비

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

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

A:검은고딕· 제작 Zess Type|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: 검은고딕 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

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

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

42제목 검은고딕 · 본문 JS 동까비

검은고딕B=제목용

제작Zess Type상업 무료다운로드

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

제작정스튜디오상업 무료

부드러운 글씨와 강한 제목이 어울리지 않습니다.

본문용 JS 동까비는 디스플레이 폰트로 분류되어 긴 문장 가독성이 제한적입니다. 검은고딕 900은 제목으로 사용 시 무게감이 과하며, 본문 역할 폰트의 약한 대비로 인해 정보 계층이 불명확합니다.

분위기: JS 동까비의 부드럽고 장난스러운 분위기와 검은고딕의 강렬하고 무거운 인상이 충돌합니다. 두 폰트가 추구하는 톤이 상반되어 일관된 브랜드 정체성을 형성하기 어렵습니다.
대비·계층: JS 동까비(400)와 검은고딕(900) 간 weight 대비는 충분하지만, 두 폰트의 구조적 성격(디스플레이 vs 산세리프 디스플레이)이 달라 시각적 일관성이 떨어집니다. 제목-본문 위계보다는 충돌로 읽힙니다.
추천 용도: 캐주얼 이벤트 포스터 (제목만 강조 필요 시)어린이·유아 교육 자료 (동까비의 친근함 활용, 검은고딕은 제한적)장난스러운 브랜드 캐릭터 페이지 (톤 충돌 감수 시)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

검은고딕의 강렬함을 보완하려면 기하학적이고 현대적인 산세리프가 필요합니다. 본문용 JS 동까비와 조화하려면 따뜻하고 가독성 높은 영문 폰트를 선택해야 합니다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b6b

#f5f5f0

어울리는 산업 톤

캐주얼 라이프스타일아동 교육 콘텐츠

35제목 JS 동까비 · 본문 검은고딕

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

제작정스튜디오상업 무료

+검은고딕A=본문용

제작Zess Type상업 무료다운로드

이 페어링은 실무 프로젝트에 적합하지 않습니다.

검은고딕 900은 본문용으로 극도로 부적합하며, 긴 글 읽기에서 심각한 피로도를 유발합니다. JS 동까비는 제목 폰트로서 가독성은 양호하나, 본문 역할을 하는 검은고딕이 전체 가독성을 망칩니다.

분위기: 검은고딕의 극단적 무게감(900)과 JS 동까비의 가벼운 장난기(400)가 심각하게 충돌하며, 일관된 브랜드 톤을 형성하지 못합니다. 두 폰트 모두 display 성격이라 본문-제목 위계 자체가 불명확합니다.
대비·계층: 무게 대비(900 vs 400)는 극단적이지만, 둘 다 display 폰트라 정보 위계가 혼란스럽습니다. 제목-본문 구분이 명확하지 않아 실무 적용이 어렵습니다.
추천 용도: 초단문 슬로건·포스터 (본문 폰트로 검은고딕 사용 불가)극도의 임팩트가 필요한 광고 헤드라인 (제목만 활용)타이포그래피 실험·아트 프로젝트 (실무 비권장)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

JS 동까비의 친근하고 가벼운 분위기에는 현대적 sans-serif(Manrope, Geist)가 어울리며, 본문 역할을 대신할 영문 폰트는 중립적 가독성(Inter, Source Sans Pro)이 필수입니다.

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

48~56px

28~32px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b6b

#f5f5f5

어울리는 산업 톤

키즈·교육 캐릭터 (JS 동까비만 활용 시)극단적 임팩트 광고 (비권장)

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');

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

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