designnews

한글 페어링 · 큐레이션

코트라 볼드+나눔스퀘어 라운드

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

평가 케이스
2개
평균 점수
42점
관련 페어
6개
A:코트라 볼드· 제작 코트라|B:나눔스퀘어 라운드· 제작 네이버

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

평가 결과 · 2개 케이스

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

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

42제목 나눔스퀘어 라운드 · 본문 코트라 볼드
나눔스퀘어 라운드B=제목용
제작네이버상업 무료다운로드
+코트라 볼드A=본문용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
정부 지원 프로그램을 소개합니다.

본문 역할로 지정된 코트라 볼드는 display급 serif로 설계되어 긴 문장 가독성이 떨어집니다. 나눔스퀘어 라운드는 제목용으로 충분하나, 본문 폰트 선택이 부적절합니다.

분위기
코트라 볼드의 강렬한 세리프 디스플레이 톤과 나눔스퀘어 라운드의 친근한 산스 톤이 충돌하여 일관된 분위기를 형성하지 못합니다. 세리프 디스플레이와 둥근 산스의 미학적 거리가 큽니다.
대비·계층
weight 대비(700 vs 400~800)는 충분하지만, 구조적 대비(serif display vs. rounded sans)가 과도하여 정보 위계보다 시각적 혼란을 야기합니다.
추천 용도
강렬한 포스터·배너(코트라 볼드 단독)캐주얼 앱·웹 UI(나눔스퀘어 라운드 단독)혼합 사용 시 극도로 제한적(로고·헤더라인만)

어울리는 영문 폰트

제목IBM Plex SerifEB GaramondPlayfair Display
본문InterRoboto

코트라 볼드는 고전적 serif display이므로 같은 계열의 serif 영문(IBM Plex Serif, EB Garamond)과 조화롭습니다. 나눔스퀘어 라운드와 함께 사용할 경우 neutral sans(Inter, Roboto)가 양쪽 모두와 타협 가능합니다.

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

h1
36~44px
h2
20~24px
본문
16~18px
line-height
1.6

어울리는 색상

#2c2c2c
#d4a574
#f9f7f4

어울리는 산업 톤

공공기관 포멀문화·예술 클래식
42제목 코트라 볼드 · 본문 나눔스퀘어 라운드
코트라 볼드B=제목용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
+나눔스퀘어 라운드A=본문용
제작네이버상업 무료다운로드
현대적이면서도 신뢰할 수 있는 브랜드를 원하신다면.

본문용 나눔스퀨어 라운드는 충분히 가독성이 좋으나, 코트라 볼드는 display 전용 serif로 제목 사이즈에서만 효과적이며 중간 크기 서브헤딩에서는 무거워 보인다.

분위기
나눔스퀘어 라운드의 부드럽고 친근한 sans-serif와 코트라 볼드의 강렬한 serif display 톤이 충돌하여 일관된 브랜드 분위기를 형성하기 어렵다. 현대적 캐주얼함과 클래식 무게감이 어색하게 섞인다.
대비·계층
sans와 serif 간 구조적 대비는 명확하지만, 나눔스퀘어 라운드 400의 가벼움과 코트라 볼드 700의 극단적 무게감 차이가 너무 커서 자연스러운 위계보다는 부자연스러운 단절감을 만든다.
추천 용도
고전적 톤의 출판물(단, 제목이 극히 제한적)B2B 공식 문서(serif 신뢰도 활용, 본문 가독성 우수)뉴스레터(단, 제목 사용 빈도 낮은 경우)

어울리는 영문 폰트

제목IBM Plex SerifEB GaramondMerriweather
본문InterSource Sans Pro

코트라 볼드의 serif display 특성을 살리려면 같은 serif 계열 영문 폰트(IBM Plex Serif, EB Garamond)가 필요하고, 나눔스퀘어 라운드 본문과는 중립적 sans(Inter, Source Sans Pro)를 합성하여 계층을 명확히 하는 것이 실무적이다.

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

h1
44~56px
h2
26~32px
본문
16~18px
line-height
1.65

어울리는 색상

#2c2c2c
#c41e3a
#f5f1ed

어울리는 산업 톤

B2B 공공기관 신뢰출판·미디어 정통성

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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

관련 페어 · 같은 폰트 포함

코트라 볼드 또는 나눔스퀘어 라운드 들어간 다른 인기 페어