한글 페어링 · 큐레이션

JS 동까비+코트라 글로벌

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

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

제작정스튜디오상업 무료

한국 수출입 기업을 위한 따뜻한 디지털 서비스

JS 동까비는 디스플레이 폰트로 설계되어 본문용 긴 글 읽기에 최적화되지 않았다. 곡선이 많아 작은 사이즈에서 자간이 답답할 수 있다. KOTRA Global 세리프는 제목으로 사용하기엔 무게감이 부족하고 구분력이 낮다.

분위기: JS 동까비의 부드럽고 친근한 곡선미와 KOTRA Global의 격식 있는 세리프 인상이 톤 충돌을 일으킨다. 동까비는 캐주얼·따뜻함을 강조하는 반면, KOTRA Global은 공식성·신뢰도를 지향해 일관된 분위기 형성이 어렵다.
대비·계층: 두 폰트 모두 400 웨이트로 동일하여 제목·본문 간 명확한 위계 대비가 부족하다. 구조적 차이(display vs serif)만으로는 시각적 계층을 충분히 만들기 어렵다.
추천 용도: 공공기관·정부 공식 문서 (KOTRA 정체성 활용 시 제한적)캐주얼 브랜드 가이드 (동까비 톤 강조 시)혼합 톤 요구 프로젝트 (신뢰도+친근함 동시 필요 시 - 비권장)

어울리는 영문 폰트

제목IBM Plex SerifEB GaramondMerriweather

본문InterRoboto

JS 동까비의 캐주얼함을 보완하려면 세리프 영문(IBM Plex Serif)이 격식을 더할 수 있고, 본문은 중립적 산스(Inter, Roboto)로 가독성을 확보하는 것이 권장된다.

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

36~44px

20~24px

본문

16~18px

line-height

1.65

어울리는 색상

#2c3e50

#e8a87c

#f9f7f4

어울리는 산업 톤

공공기관 신뢰성F&B 친근함

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

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

제작정스튜디오상업 무료

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

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

동까비의 따뜻함과 세리프의 신뢰감을 함께

KOTRA Global은 본문 가독성이 우수하지만, JS 동까비는 제목용 디스플레이 폰트로서 긴 텍스트에는 부적합하다. 제목-본문 간 시각적 위계는 명확하나 분위기 일관성이 부족하다.

분위기: JS 동까비의 친근하고 캐주얼한 분위기와 KOTRA Global의 정중하고 전문적인 세리프 톤이 충돌한다. 디스플레이 폰트의 장난스러운 감성이 본문용 세리프의 공식성을 약화시킨다.
대비·계층: 무게가 모두 400으로 동일하여 제목과 본문 간 시각적 대비가 약하다. 폰트 분류(display vs serif)의 차이만으로는 정보 위계를 충분히 전달하지 못한다.
추천 용도: 캐주얼 라이프스타일 블로그 (제목의 친근함 활용)문화·예술 매거진 (display 폰트의 개성 강조)공공기관 공식 문서 (본문 세리프의 신뢰성 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문Source SerifEB Garamond

JS 동까비의 캐주얼함을 보완하려면 현대적 산세리프(Manrope, Satoshi)가 적합하고, KOTRA Global의 세리프 톤을 강화하려면 클래식 세리프 영문 폰트(Source Serif, EB Garamond)가 균형을 맞춘다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 신뢰문화 예술 캐주얼

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