한글 페어링 · 큐레이션

코트라 도약+나눔 펜체

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

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

A:코트라 도약· 제작 코트라|B:나눔 펜체· 제작 네이버

→ 각 폰트 종합 가이드: 코트라 도약 가이드·나눔 펜체 가이드

평가 결과 · 2개 케이스

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

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

42제목 코트라 도약 · 본문 나눔 펜체

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

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

+나눔 펜체A=본문용

제작네이버상업 무료다운로드

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

나눔 펜체는 손글씨 특성상 긴 본문 읽기에 피로도가 높고, 코트라 도약 제목은 세리프의 세밀함이 작은 사이즈에서 명확하지 않을 수 있다. 두 폰트 모두 장문 가독성에 최적화되지 않았다.

분위기: 나눔 펜체의 부드럽고 캐주얼한 손글씨 감성과 코트라 도약의 정제된 세리프 분위기가 충돌하며, 통일된 톤을 형성하기 어렵다. 제목으로 쓰인 세리프가 본문 손글씨의 친근함을 무거운 격식으로 압도한다.
대비·계층: weight 대비(둘 다 400)가 약하고, 스타일 대비(handwriting vs serif)는 있으나 위계보다는 불화음을 만든다. 제목이 본문보다 시각적 무게감이 크지 않아 정보 계층이 모호하다.
추천 용도: 감정 표현이 중요한 초대장·감사장(손글씨 감성 활용)어린이·유아 교육 자료(캐주얼 톤)개인 블로그·일기 스타일 콘텐츠

어울리는 영문 폰트

제목MerriweatherEB GaramondLora

본문CaveatIndie Flower

코트라 도약의 세리프 격식성과 어울리는 클래식 세리프 영문 폰트(Merriweather, EB Garamond)를 제목에, 나눔 펜체의 손글씨 감성을 살리는 영문 핸드라이팅 폰트(Caveat, Indie Flower)를 본문에 배치하되, 두 계층 간 분위기 차이를 인정하고 사용해야 한다.

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

32~40px

20~24px

본문

14~16px

line-height

1.8

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

감성 라이프스타일수공예·핸드메이드

42제목 나눔 펜체 · 본문 코트라 도약

나눔 펜체B=제목용

제작네이버상업 무료다운로드

+코트라 도약A=본문용ⓘ 미리보기는 프리텐다드

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

우리는 함께 새로운 도약을 준비합니다.

본문용 serif(코트라 도약)는 긴 글 읽기에 적합하나, 제목용 handwriting(나눔 펜체)은 큰 사이즈에서 가독성이 떨어지고 정보 위계 전달이 약하다.

분위기: 코트라 도약의 세련된 serif와 나눔 펜체의 캐주얼한 손글씨체가 분위기 충돌을 일으킨다. 공식·신뢰 톤과 친근·비형식 톤이 혼재되어 일관성이 약하다.
대비·계층: serif와 handwriting 간 구조적 대비는 크지만, 둘 다 weight 400으로 시각적 무게감 차이가 부족해 제목-본문 계층이 명확하지 않다.
추천 용도: 아동·교육 콘텐츠 (따뜻한 분위기 필요 시)개인 블로그·일기 스타일 콘텐츠캐주얼 이벤트 초대장 (공식성 낮음)

어울리는 영문 폰트

제목CaveatIndie FlowerPacifico

본문Source Serif ProEB Garamond

나눔 펜체의 손글씨 캐주얼함을 살리려면 handwriting 계열 영문(Caveat 등)이 어울리고, 코트라 도약 본문에는 serif 안정감을 유지하는 Source Serif Pro가 매칭된다.

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

32~40px

20~24px

본문

16~18px

line-height

1.65

어울리는 색상

#2d2d2d

#d4a574

#f9f7f4

어울리는 산업 톤

교육·학습 콘텐츠라이프스타일 개인 미디어

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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