한글 페어링 · 큐레이션

JS 동까비+코트라 글로벌

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

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

A:JS 동까비· 제작 정스튜디오|B:코트라 글로벌· 제작 코트라

→ 각 폰트 종합 가이드: JS 동까비 가이드·코트라 글로벌 가이드

평가 결과 · 2개 케이스

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

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

58제목 JS 동까비 · 본문 코트라 글로벌

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

제작정스튜디오상업 무료

+코트라 글로벌B=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

오래된 골목, 새로 피어난 이야기

동까비는 단어 단위 시각 어휘로 짧은 카피에 강하고, 코트라 글로벌은 안정적인 획 대비로 중장문 본문 가독성이 우수합니다.

분위기: JS 동까비의 장난기 있는 디스플레이 인상과 코트라 글로벌의 정제된 세리프 분위기가 다소 이질적이지만, 친근함과 신뢰의 균형을 노린 콘셉트에선 의외의 조화가 발생합니다.
대비·계층: 디스플레이 vs 세리프의 카테고리 차이가 명확한 위계를 만들지만, 두 폰트 모두 400 단일 웨이트라 본문 내 강조 단계는 색·크기로 보완해야 합니다.
추천 용도: 어린이 교육 콘텐츠 표지전통 식음료 브랜드 포스터지역 축제·문화 행사 리플렛출판 동화·에세이 표지

어울리는 영문 폰트

제목FrauncesRecoletaPlayfair Display

본문Source SerifLora

동까비의 둥글고 유희적인 인상은 Fraunces·Recoleta처럼 둥근 세리프와 매칭되고, 본문 코트라 글로벌은 Source Serif·Lora와 구조적 결이 맞아 자연스러운 합성이 가능합니다.

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

44~56px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#d96b3c

#f5efe6

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 매거진공공·문화

42제목 코트라 글로벌 · 본문 JS 동까비

코트라 글로벌B=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

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

제작정스튜디오상업 무료

오늘은 작은 골목길을 천천히 걸어보았어요

JS 동까비는 디스플레이 특성상 본문 장문에는 부담스러우며, KOTRA 글로벌은 제목으로서 안정적 가독성을 보장합니다.

분위기: JS 동까비의 손글씨풍 발랄함과 KOTRA 글로벌 세리프의 격조 있는 공적 톤이 충돌해 일관된 분위기를 형성하기 어렵습니다.
대비·계층: 스타일 대비(손글씨 vs 정통 세리프)는 강하지만 위계 대비라기보다 이질감에 가까워 정보 구조가 흐려질 수 있습니다.
추천 용도: 전시 도록의 캡션 강조문화행사 리플렛 인용구어린이 교양서 표지 부속 문구박물관 굿즈 패키지

어울리는 영문 폰트

제목EB GaramondSource SerifIBM Plex Serif

본문CaveatPatrick Hand

제목 KOTRA 글로벌은 클래식 세리프 라틴과 톤이 맞고, 본문 동까비는 손글씨 계열 라틴과 합성해야 인상이 살아납니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#3d2c1e

#d97a4a

#f6efe2

어울리는 산업 톤

문화예술 따뜻공공 교양 콘텐츠교육 친근

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