한글 페어링 · 큐레이션

코트라 볼드+나눔스퀘어

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

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

A:코트라 볼드· 제작 코트라|B:나눔스퀘어· 제작 네이버

→ 각 폰트 종합 가이드: 코트라 볼드 가이드·나눔스퀘어 가이드

평가 결과 · 2개 케이스

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

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

45제목 코트라 볼드 · 본문 나눔스퀘어

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

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

+나눔스퀘어B=본문용

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

코트라와 함께 글로벌 시장을 개척하세요.

나눔스퀘어 Light(300)는 본문 가독성이 우수하며, 코트라 볼드는 제목으로 충분히 눈에 띕니다. 다만 코트라의 serif 세리프가 소형 화면에서 가독성을 해칠 수 있습니다.

분위기: 코트라 볼드의 우아한 serif 디스플레이 톤과 나눔스퀘어의 중립적 sans-serif 톤이 충돌하여 일관된 분위기를 형성하지 못합니다. serif 제목과 sans 본문의 고전적 조합이지만, 코트라의 강한 개성이 나눔스퀘어의 무표정함과 어울리지 않습니다.
대비·계층: weight 대비(700 vs 300~400)는 명확하지만, 구조적 대비(serif vs sans)가 너무 강해 위계보다는 '어색함'을 먼저 인식하게 됩니다. 제목과 본문이 같은 디자인 시스템에 속한다는 느낌이 약합니다.
추천 용도: 출판·잡지 (serif 제목이 고급스러움을 원할 때)공공기관 보도자료 (보수적 톤 필요 시)학술·문화 콘텐츠

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문InterSource Sans Pro

코트라 볼드의 우아한 serif 분위기에는 Playfair Display나 EB Garamond 같은 고전 serif가 자연스럽습니다. 나눔스퀘어 본문과는 중립적 sans(Inter, Source Sans Pro)를 합성하되, serif-sans 혼합의 어색함을 완화하려면 serif 제목용 영문도 serif로 맞추는 것이 권장됩니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2c2c

#c9a961

#f9f7f4

어울리는 산업 톤

출판·문화 보수공공기관 신뢰

42제목 나눔스퀘어 · 본문 코트라 볼드

나눔스퀘어A=제목용

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

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

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

현대적 감각으로 전통을 담아내다

코트라 볼드는 display serif로 설계되어 긴 본문 텍스트 가독성이 매우 낮다. 나눔스퀘어는 제목용으로 충분히 명확하나, 본문 역할을 하기에는 부적절한 조합이다.

분위기: 나눔스퀘어의 중성적이고 깔끔한 모던함과 코트라 볼드의 강렬하고 장식적인 디스플레이 성격이 충돌한다. 제목-본문 위계 설정이 역설적이어서 시각적 혼란을 야기한다.
대비·계층: 무게 대비는 나눔스퀘어 300~400 vs 코트라 볼드 700로 충분하나, 나눔스퀘어(sans, 기하학적)와 코트라 볼드(serif, 장식적) 간 구조적 대비가 너무 급격해 정보 위계보다는 혼란을 초래한다.
추천 용도: 포스터·배너 같은 극단적 대비가 필요한 단문 디스플레이실험적 아트 디렉션 (일반 실무 비권장)제목과 본문이 명확히 분리된 초단문 레이아웃 (명함, 라벨)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source SerifEB Garamond

나눔스퀨어는 기하학적 sans이므로 현대적 sans 영문(Manrope, Geist)과 매칭 권장. 코트라 볼드는 display serif이므로 본문용 serif(Source Serif, EB Garamond)와만 제한적 사용 가능하나, 700 weight 단일이라 영문 본문 조합은 비권장.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 공식 문서 (제한적)전통공예·문화 디스플레이

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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