한글 페어링 · 큐레이션

잘난체+코트라 희망

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

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

A:잘난체· 제작 야놀자|B:코트라 희망· 제작 코트라

→ 각 폰트 종합 가이드: 잘난체 가이드·코트라 희망 가이드

평가 결과 · 2개 케이스

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

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

42제목 잘난체 · 본문 코트라 희망

잘난체A=제목용

제작야놀자상업 무료다운로드

+코트라 희망B=본문용ⓘ 미리보기는 프리텐다드

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

우리는 함께 성장하는 미래를 만듭니다

코트라 희망은 본문 가독성이 우수하나, 잘난체는 display 특성상 제목 크기에서만 최적화되어 있어 두 폰트 간 용도 분리는 명확합니다. 다만 분위기 불일치로 전체 가독성 경험이 단절됩니다.

분위기: 잘난체의 친근하고 장난스러운 분위기와 코트라 희망의 격식 있고 신뢰감 있는 serif 톤이 충돌합니다. 디스플레이 sans와 본문 serif의 성격 차이가 일관된 브랜드 톤을 방해합니다.
대비·계층: weight 대비(둘 다 400)가 약하고, sans vs serif 구조 대비만 존재합니다. 제목과 본문 간 시각적 위계 강도가 부족하며, 스타일 차이가 의도된 계층보다 어색한 불일치로 읽힙니다.
추천 용도: 공공기관·정부 공식 문서 (코트라 희망의 신뢰감 활용, 제목은 최소화)캐주얼 이벤트 포스터 (잘난체 주도, 본문 serif는 보조)혼합 톤이 필요한 특수 레이아웃 (대비 의도적 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문Source SerifLora

잘난체의 친근함을 영문에서는 rounded sans(Manrope, Satoshi)로, 코트라 희망의 격식을 Source Serif·Lora로 매칭하되, 두 폰트 페어 자체의 톤 불일치를 보완하려면 영문 선택 시에도 일관된 분위기(serif 중심 또는 humanist sans 중심)로 통일하는 것이 권장됩니다.

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

36~44px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#2c3e50

#e74c3c

#f5f5f5

어울리는 산업 톤

공공기관 신뢰스타트업 캐주얼

42제목 코트라 희망 · 본문 잘난체

코트라 희망B=제목용ⓘ 미리보기는 프리텐다드

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

+잘난체A=본문용

제작야놀자상업 무료다운로드

우리는 함께 더 나은 내일을 만들어갑니다.

잘난체는 display 폰트로 본문 장문 읽기에 부적합하며, 코트라 희망 세리프는 제목으로 사용할 때 무겁고 딱딱한 인상을 준다. 역할 배치가 각 폰트의 강점을 살리지 못한다.

분위기: 잘난체의 친근하고 캐주얼한 분위기와 코트라 희망의 공식적이고 전통적인 세리프 톤이 충돌한다. 두 폰트가 추구하는 감정 방향이 명확히 다르다.
대비·계층: 무게(weight)가 모두 400으로 동일하여 시각적 계층이 약하다. 세리프 vs 산스의 구조 대비는 있으나, 분위기 불일치로 인해 통일감 있는 위계 형성이 어렵다.
추천 용도: 캐주얼 콘텐츠(블로그, SNS)에서 본문 폰트로만 단독 사용공공기관 공식 문서(제목만 코트라 희망 사용)대조적 톤을 의도한 실험적 디자인(권장하지 않음)

어울리는 영문 폰트

제목IBM Plex SerifEB GaramondLora

본문InterRoboto

코트라 희망의 공식적 세리프 톤에는 전통적 serif 영문이, 잘난체의 캐주얼함에는 현대적 sans-serif 영문이 각각 어울린다. 그러나 두 폰트를 함께 사용하는 것은 권장하지 않으므로, 각각의 역할에 맞는 영문 페어만 제시한다.

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

32~40px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#1a1a1a

#d4a574

#f5f1ed

어울리는 산업 톤

공공기관 신뢰성스타트업 캐주얼함

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Jalnan/subsets/Jalnan-dynamic-subset.css');

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

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