한글 페어링 · 큐레이션

JS 동까비+빛의 계승자

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

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

A:JS 동까비· 제작 정스튜디오|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: JS 동까비 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

42제목 JS 동까비 · 본문 빛의 계승자

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

제작정스튜디오상업 무료

+빛의 계승자B=본문용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

새로운 모험이 시작됩니다.

두 폰트 모두 display 폰트로 분류되어 본문 가독성이 제한적입니다. 빛의 계승자는 특히 작은 사이즈에서 기하학적 구조로 인해 연속 읽기에 부담이 있으며, 제목-본문 위계 구분이 명확하지 않습니다.

분위기: JS 동까비의 둥글고 친근한 캐릭터와 빛의 계승자의 기하학적·모던한 인상이 충돌하여 일관된 톤을 형성하지 못합니다. 두 폰트 모두 display 분류이지만 감정 표현이 상이합니다.
대비·계층: 두 폰트 모두 400 웨이트이고 display 특성을 공유하여 시각적 대비가 약합니다. 제목과 본문 간 명확한 무게감 차이가 없어 정보 위계 표현이 미흡합니다.
추천 용도: 짧은 카피 조합 (포스터·배너의 2단계 텍스트)게임·엔터테인먼트 UI (두 폰트 모두 캐릭터성 강함)키즈·라이프스타일 매거진 헤더 (분위기 재조정 필요)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

JS 동까비의 친근함을 보완하려면 현대적이고 명확한 sans-serif(Manrope, Plus Jakarta Sans)가 적합하며, 본문이 필요한 경우 높은 가독성의 중립적 폰트(Inter, Source Sans Pro)를 권장합니다.

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

48~64px

32~40px

본문

16~18px

line-height

1.6

어울리는 색상

#2d2d2d

#ff6b9d

#f9f7f4

어울리는 산업 톤

키즈·게임 엔터테인먼트라이프스타일 캐주얼

42제목 빛의 계승자 · 본문 JS 동까비

빛의 계승자A=제목용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

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

제작정스튜디오상업 무료

빛의 계승자와 동까비의 만남

JS 동까비는 필기체 특성상 장문 본문 읽기에 피로도가 높으며, 빛의 계승자도 display 폰트로 본문용 가독성이 제한적. 둘 다 display 분류로 인해 본문 역할 수행 부적합.

분위기: 두 폰트 모두 display 계열의 개성 있는 손글씨·필기체 느낌을 가지고 있어 분위기 충돌은 적으나, 제목·본문 역할 분리가 명확하지 않아 정보 위계 형성이 약함.
대비·계층: 두 폰트 모두 weight 400으로 동일하고 display 특성이 겹쳐 제목·본문 간 시각적 대비와 위계 구분이 불충분. 크기 차이만으로는 정보 계층화가 약함.
추천 용도: 짧은 카피·슬로건 강조 (광고 헤드라인)포스터·배너 디스플레이 텍스트개성 강한 브랜드 로고·타이틀

어울리는 영문 폰트

제목Playfair DisplayManropePlus Jakarta Sans

본문InterSource Sans Pro

두 한글 폰트 모두 display 특성이 강하므로, 영문은 명확한 본문 가독성을 갖춘 sans-serif(Inter, Source Sans Pro)를 선택해 균형을 맞추거나, 제목용으로는 개성 있는 serif/display(Playfair Display)를 매칭하는 것이 권장됨.

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

48~64px

32~40px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#d4a574

#f5f1ed

어울리는 산업 톤

라이프스타일 매거진문화·예술 브랜드

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* JS 동까비 또는 빛의 계승자의 공식 CDN이 없어 Pretendard로 fallback 처리 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css');

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

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