한글 페어링 · 큐레이션

JS 동까비+양진체

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

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

A:JS 동까비· 제작 정스튜디오|B:양진체· 제작 김양진

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

평가 결과 · 2개 케이스

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

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

45제목 양진체 · 본문 JS 동까비

양진체A=제목용

제작김양진상업 무료

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

제작정스튜디오상업 무료

따뜻한 손글씨 감성으로 만난 모던한 디자인

양진체는 제목용으로 충분히 임팩트 있으나, JS 동까비는 display 폰트로 긴 본문 텍스트 읽기에 부적합. 문자 간격과 x-height 차이로 본문 연독성 저하.

분위기: 양진체의 기하학적 모던함과 JS 동까비의 친근한 곡선미가 충돌하여 일관된 톤을 형성하지 못함. 두 폰트 모두 display 성격으로 본문 가독성이 약함.
대비·계층: 두 폰트 모두 weight 400으로 명확한 무게 대비가 없음. 구조적 차이(기하학 vs 곡선)는 있으나 시각적 위계가 약함.
추천 용도: 짧은 슬로건·카피 중심 광고포스터·배너 (전체 display 용도)제목+부제 조합만 가능한 에디토리얼

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

양진체의 기하학적 모던함에는 Manrope·Geist 같은 contemporary sans가 어울리고, JS 동까비 곡선미를 살리려면 따뜻한 rounded sans(Plus Jakarta)를 추가. 본문은 중립적 가독성의 Inter·Source Sans Pro 필수.

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

48~64px

28~36px

본문

16~18px

line-height

1.6

어울리는 색상

#2a2a2a

#d4a574

#f9f7f4

어울리는 산업 톤

라이프스타일 매거진수공예·핸드메이드 브랜드

42제목 JS 동까비 · 본문 양진체

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

제작정스튜디오상업 무료

+양진체A=본문용

제작김양진상업 무료

따뜻한 봄날, 새로운 시작을 함께하세요.

양진체는 본문용 sans로 충분한 가독성을 갖추었으나, JS 동까비는 display 폰트로 제목 역할에 어울리지만 둘 다 400 weight만 있어 시각적 계층 강조가 약하다.

분위기: 양진체의 부드럽고 둥근 곡선과 JS 동까비의 장난스러운 손글씨 감성이 톤 충돌을 일으킨다. 양진체는 현대적 미니멀이고 동까비는 캐주얼·친근한 분위기로 일관성이 부족하다.
대비·계층: 두 폰트 모두 400 weight이고 display 분류로 겹쳐 있어 제목·본문 간 명확한 대비가 부족하다. 구조적 차이(양진체의 기하학적 정확성 vs 동까비의 필기체 자유로움)만으로는 정보 위계를 충분히 표현하지 못한다.
추천 용도: 어린이·교육 콘텐츠 (동까비의 친근함 활용 시)캐주얼 이커머스 배너 (톤 충돌 감수 시)비권장: 뉴스·매거진 본문 (분위기 불일치)비권장: 기업·공공 문서 (톤 일관성 부족)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

양진체의 현대적 기하학성을 살리려면 Manrope·Geist 같은 기하학적 sans가 적합하고, JS 동까비의 캐주얼함을 보완하려면 따뜻하고 친근한 Plus Jakarta Sans가 좋다. 본문은 높은 가독성의 Inter·Source Sans Pro 권장.

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

36~44px

20~24px

본문

16~17px

line-height

1.6

어울리는 색상

#2d2d2d

#ff6b9d

#f9f7f4

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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