한글 페어링 · 큐레이션

JS 동까비+빛의 계승자

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

제작정스튜디오상업 무료

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

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

오늘은 신나는 동까비 모험 떠나는 날!

JS 동까비는 제목 한 줄에서 캐릭터성이 살지만, 본문 역할의 빛의 계승자는 디스플레이 폰트라 긴 문장에서 가독성이 급격히 떨어집니다.

분위기: JS 동까비의 장난스럽고 통통 튀는 손글씨 인상과 빛의 계승자의 판타지·게임풍 디스플레이 인상이 서로 다른 세계관을 그려 톤 충돌이 발생합니다.
대비·계층: 둘 다 400 웨이트 디스플레이 계열이라 위계 차이가 weight가 아닌 스타일 차이에만 의존하며, 정보 구조가 명확히 분리되지 않습니다.
추천 용도: 어린이용 이벤트 포스터 메인 카피캐주얼 게임 프로모션 배너 제목유튜브 썸네일 강조 텍스트단발성 SNS 카드뉴스 표지

어울리는 영문 폰트

제목Bagel Fat OneFredokaLilita OneBungee

본문NunitoQuicksand

JS 동까비의 동글동글한 캐릭터성에 맞춰 둥근 라틴 디스플레이를 제목에, 본문에는 부드러운 산세리프를 둬 가독성 손실을 보완합니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#ff8a3d

#ffd23f

#fff7e6

어울리는 산업 톤

키즈 엔터테인먼트캐주얼 게임 프로모션F&B 친근

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

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

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

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

제작정스튜디오상업 무료

빛을 잇는 자, 새벽을 깨우다

빛의 계승자는 제목 한두 줄 강조에는 효과적이지만, 본문에 디스플레이 폰트인 JS 동까비를 쓰면 긴 글 가독성이 크게 떨어집니다.

분위기: 빛의 계승자의 판타지·서사적 인상과 JS 동까비의 손글씨 풍 캐주얼함이 톤에서 충돌합니다. 둘 다 강한 개성을 가진 디스플레이 폰트라 일관된 분위기 형성이 어렵습니다.
대비·계층: 두 폰트 모두 장식적 디스플레이라 weight·구조 대비보다는 '개성 충돌'이 발생해 정보 위계가 흐려집니다.
추천 용도: 게임 이벤트 포스터판타지 웹툰 표지한정 프로모션 배너단편 굿즈 패키지

어울리는 영문 폰트

제목CinzelTrajan ProPlayfair Display

본문LoraSource Serif

빛의 계승자의 서사·판타지 톤에는 클래식한 세리프 디스플레이가 잘 어울리며, 본문 영문은 부담 없는 세리프로 균형을 잡습니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1430

#c9a86b

#f3ece0

어울리는 산업 톤

게임 판타지엔터테인먼트 캠페인캐릭터 IP 굿즈

구현 코드 · 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;
}