한글 페어링 · 큐레이션

코트라 볼드+나눔 펜체

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

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

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

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

평가 결과 · 2개 케이스

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

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

38제목 코트라 볼드 · 본문 나눔 펜체

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

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

+나눔 펜체A=본문용

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

따뜻한 마음으로 시작하는 새로운 이야기

나눔 펜체는 본문용으로 설계되지 않아 긴 글 읽기에 피로도가 높고, 코트라 볼드는 제목용 디스플레이 폰트로 본문 역할에 부적합합니다.

분위기: 나눔 펜체의 부드럽고 친근한 손글씨 감성과 코트라 볼드의 무겁고 정형화된 디스플레이 세리프 톤이 충돌합니다. 분위기 일관성이 약합니다.
대비·계층: 무게 대비(400 vs 700)는 명확하지만, 손글씨와 세리프 디스플레이라는 구조적 이질성이 정보 위계보다 혼란을 야기합니다.
추천 용도: 캐주얼 인사장·초대장 (손글씨 감성 활용 시에만 제한적)어린이·교육 콘텐츠 (친근감 필요 시)감성 블로그 포스트 (제목-본문 분리가 명확한 경우만)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문InterSource Sans Pro

나눔 펜체의 손글씨 감성을 보완하려면 우아하고 전통적인 세리프(Playfair, EB Garamond)가 제목에 어울리며, 본문은 중성적이고 읽기 편한 산세리프(Inter, Source Sans Pro)가 필요합니다.

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

36~44px

20~24px

본문

15~17px

line-height

1.7

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

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

32제목 나눔 펜체 · 본문 코트라 볼드

나눔 펜체B=제목용

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

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

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

이 페어링은 본문 읽기에 적합하지 않습니다.

나눔 펜체는 제목용 손글씨 폰트로 설계되어 긴 본문 텍스트 읽기에 부적합하며, 코트라 볼드(700 weight)는 본문용으로는 지나치게 무거워 가독성이 떨어집니다. 역할 배치가 근본적으로 잘못되었습니다.

분위기: 코트라 볼드의 무거운 세리프 정통성과 나눔 펜체의 캐주얼한 손글씨 감성이 충돌하여 일관된 톤을 형성하지 못합니다. 분위기 불일치로 인한 혼란스러운 인상을 줍니다.
대비·계층: 두 폰트 간 무게 대비(700 vs 400)는 명확하지만, 세리프 디스플레이 vs 핸드라이팅이라는 구조적 차이로 인해 정보 위계가 혼란스럽고 전문성을 잃습니다.
추천 용도: 캐주얼 이벤트 포스터 (제목만 나눔 펜체 사용)손글씨 감성이 필요한 개인 블로그 (전체 재구성 필요)아동용 교재 (두 폰트 모두 재선택 권장)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondSource Serif

본문InterSource Sans Pro

코트라 볼드의 정통 세리프 톤에는 클래식 디스플레이 세리프가 어울리며, 본문은 중성적 산스 세리프로 무게를 낮춰야 합니다. 나눔 펜체와의 조합은 권장하지 않습니다.

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

불권장px

본문

불권장px

line-height

불권장

어울리는 색상

#2c2c2c

#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;
}