한글 페어링 · 큐레이션

JS 동까비+스타일리쉬

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

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

A:JS 동까비· 제작 정스튜디오|B:스타일리쉬· 제작 LE'TS

→ 각 폰트 종합 가이드: JS 동까비 가이드·스타일리쉬 가이드

평가 결과 · 2개 케이스

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

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

45제목 스타일리쉬 · 본문 JS 동까비

스타일리쉬A=제목용

제작LE'TS상업 무료다운로드

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

제작정스튜디오상업 무료

모던한 디자인, 따뜻한 감정을 담다

JS 동까비는 긴 본문 텍스트에서 가독성이 떨어지며, 스타일리쉬도 display 폰트로 본문에 부적합하다. 제목으로는 스타일리쉬가 명확하지만, 본문용 폰트가 필요하다.

분위기: 스타일리쉬는 기하학적·모던한 인상이고, JS 동까비는 친근하고 둥근 캐릭터 폰트로 분위기 톤이 다소 충돌한다. 두 폰트 모두 display 용도로 설계되어 본문 가독성이 제한적이다.
대비·계층: 두 폰트 모두 400 weight로 무게 대비가 약하고, 기하학적 모던함 vs 둥근 친근함의 스타일 대비만 존재한다. 명확한 위계 구분이 어렵다.
추천 용도: 포스터·배너 (두 display 폰트 모두 강한 시각성)브랜드 로고·헤더 (스타일리쉬의 모던함 활용)어린이·교육 콘텐츠 (JS 동까비의 친근함)

어울리는 영문 폰트

제목InterManropeGeist

본문Source Sans ProIBM Plex Sans

스타일리쉬의 기하학적 모던함에는 Inter·Manrope의 깔끔한 sans가 어울리고, 본문용으로는 높은 가독성의 Source Sans Pro나 IBM Plex Sans를 권장한다. JS 동까비는 display 폰트로 본문 페어링에 부적합하므로 별도 본문 폰트 필수.

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

48~64px

28~36px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b6b

#f5f5f5

어울리는 산업 톤

스타트업 모던교육·키즈 콘텐츠

42제목 JS 동까비 · 본문 스타일리쉬

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

제작정스튜디오상업 무료

+스타일리쉬B=본문용

제작LE'TS상업 무료다운로드

둥근 글씨로 따뜻한 마음을 전하세요.

본문용 폰트로 지정된 스타일리쉬는 display 분류로 장문 가독성이 제한적이다. 두 폰트 모두 400 weight로만 제공되어 제목-본문 간 시각적 위계 구분이 약하다.

분위기: JS 동까비의 둥근 캐릭터와 스타일리쉬의 기하학적 모던함이 톤 충돌을 일으킨다. 동까비는 친근하고 따뜻한 분위기인 반면, 스타일리쉬는 차갑고 세련된 인상으로 일관성이 떨어진다.
대비·계층: 두 폰트 모두 동일 weight(400)이고 스타일 변화가 제한적이어서 정보 위계가 명확하지 않다. 구조적 대비(sans vs display 특성)는 있으나 무게감 대비 부족으로 제목성이 약화된다.
추천 용도: 짧은 카피 중심의 포스터·배너 (장문 본문 불가)아동·교육용 콘텐츠 (동까비의 친근함 활용 시)캐주얼 이벤트 홍보물 (톤 충돌 감수)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

JS 동까비의 둥근 캐릭터와 어울리는 따뜻하고 현대적인 sans를 권장. 스타일리쉬는 display 분류라 본문 영문 페어링이 어려우므로, 제목용 동까비에 맞춘 영문 폰트 선택이 실무적.

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

44~56px

28~32px

본문

16~18px

line-height

1.6

어울리는 색상

#2d2d2d

#ff6b6b

#f9f7f4

어울리는 산업 톤

아동·교육 친근캐주얼 라이프스타일

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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