한글 페어링 · 큐레이션

잘난체+코트라 볼드

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

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

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

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

평가 결과 · 2개 케이스

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

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

42제목 잘난체 · 본문 코트라 볼드

잘난체A=제목용

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

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

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

수출 기업을 위한 글로벌 전략 안내

잘난체는 제목용 display 폰트로 충분히 임팩트 있으나, KOTRA Bold는 본문용으로는 무게감이 과하고(700 weight) serif 구조가 긴 문장 읽기에 부담스럽다. 본문 폰트로 부적합.

분위기: 잘난체의 친근하고 캐주얼한 sans-serif 분위기와 KOTRA Bold의 무겁고 공식적인 serif 톤이 충돌하여 일관된 브랜드 정체성을 형성하기 어렵다. 두 폰트가 서로 다른 시대·맥락의 신호를 전송한다.
대비·계층: 두 폰트 모두 display급 무게감을 가져 제목-본문 간 명확한 위계 대비가 약하다. sans와 serif 구분은 있으나, 본문용 가독성 폰트의 부재로 정보 계층이 모호하다.
추천 용도: 공공기관 공식 문서 (KOTRA 브랜드 강제 사용 시)캐주얼 이벤트 포스터 (제목만 활용)혼합 톤 실험 프로젝트 (권장하지 않음)

어울리는 영문 폰트

제목ManropePlus Jakarta SansInter Bold

본문Source Serif ProLora

잘난체의 캐주얼함을 보완하려면 현대적 sans(Manrope)를, KOTRA의 공식성을 살리려면 전통적 serif(Source Serif Pro)를 선택하되, 두 폰트를 함께 사용하는 것은 비권장. 각각 별도 프로젝트에 매칭하는 것이 낫다.

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

36~44px

20~24px

본문

14~16px

line-height

1.5

어울리는 색상

#1a1a1a

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 신뢰성 (KOTRA 강제)캐주얼 스타트업 (잘난체 강제)

42제목 코트라 볼드 · 본문 잘난체

코트라 볼드A=제목용ⓘ 미리보기는 프리텐다드

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

+잘난체B=본문용

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

새로운 여행의 시작을 함께하세요.

두 폰트 모두 디스플레이 용도로 설계되어 본문 가독성이 부족합니다. 잘난체는 특히 긴 문장에서 가독성이 떨어지며, 코트라 볼드는 제목으로서는 무겁고 장식적입니다.

분위기: 코트라 볼드의 세리프 디스플레이 특성과 잘난체의 산스 디스플레이 특성이 충돌하여 일관된 톤을 형성하기 어렵습니다. 세리프의 정중함과 산스의 캐주얼함이 혼재되어 분위기가 산만해집니다.
대비·계층: weight 대비(700 vs 400)는 명확하지만, serif vs sans의 구조적 차이가 정보 위계보다는 시각적 불안정성을 만듭니다. 두 폰트 모두 display 특성으로 인해 계층 구분이 약합니다.
추천 용도: 짧은 슬로건·캐치프레이즈 (포스터, 배너)이벤트 광고 (제목만 활용)브랜드 로고타입 (단어 단위)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondManrope

본문InterSource Sans Pro

코트라 볼드의 세리프 디스플레이 특성에는 Playfair Display나 EB Garamond 같은 고전적 세리프가 어울리고, 잘난체의 캐주얼 산스 특성에는 Inter나 Source Sans Pro 같은 중립적 산스가 적합합니다. 다만 두 폰트를 함께 쓸 경우 혼합 영문 폰트 선택이 어려우므로 한 폰트만 주력으로 사용을 권장합니다.

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

48~64px

28~36px

본문

16~18px

line-height

1.6

어울리는 색상

#2c2416

#d4a574

#f9f6f0

어울리는 산업 톤

관광·여행 캠페인라이프스타일 이벤트

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