한글 페어링 · 큐레이션

코트라 볼드+나눔고딕

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

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

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

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

평가 결과 · 2개 케이스

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

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

74제목 코트라 볼드 · 본문 나눔고딕

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

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

+나눔고딕A=본문용

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

본문은 차분히, 제목은 묵직하게 전한다

나눔고딕은 넉넉한 카운터와 안정적인 자소 비율로 긴 본문 가독성이 우수하며, 코트라 볼드는 굵은 획으로 제목 영역에서 한눈에 들어온다.

분위기: 나눔고딕의 균질하고 중립적인 본문 위에 코트라 볼드가 무게감 있는 제목으로 시선을 잡아 공적이고 신뢰감 있는 톤을 만든다.
대비·계층: 산세리프 본문과 세리프/디스플레이 제목 간 구조적 대비가 뚜렷하고, 700~800 무게 차이로 정보 위계가 명확히 분리된다.
추천 용도: 공공기관 안내문기업 IR·보고서B2B 백서·리포트교육 콘텐츠 본문정책 브로슈어

어울리는 영문 폰트

제목Source SerifIBM Plex SerifMerriweatherEB Garamond

본문InterIBM Plex SansSource Sans Pro

코트라 볼드의 세리프 골격에는 Source Serif·IBM Plex Serif 같은 묵직한 세리프가 잘 맞고, 나눔고딕 본문은 중립적 산세리프인 Inter·IBM Plex Sans와 구조가 자연스럽게 호응한다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1a2a44

#b8893a

#f4f1ea

어울리는 산업 톤

공공기관 신뢰B2B SaaS교육 따뜻금융·법무 정중

42제목 나눔고딕 · 본문 코트라 볼드

나눔고딕A=제목용

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

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

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

함께 만드는 더 나은 내일

나눔고딕은 제목 사이즈에서 명료하게 읽히지만, 코트라 볼드는 굵기 700 단일 웨이트의 디스플레이 성격이라 긴 본문 가독성이 떨어집니다.

분위기: 나눔고딕의 중립적이고 깔끔한 산세리프 인상과 코트라 볼드의 굵고 장식적인 디스플레이 세리프 인상이 서로 톤을 맞추기 어렵습니다.
대비·계층: 산세리프 vs 세리프-디스플레이라는 구조 대비는 있으나, 제목보다 본문이 시각적으로 더 무거워져 정보 위계가 역전될 위험이 있습니다.
추천 용도: 공공기관 안내 포스터캠페인 리플릿 표제부전시 도록 도입 페이지브랜드 슬로건 카드뉴스

어울리는 영문 폰트

제목InterHelvetica NeueIBM Plex SansManrope

본문Source SerifIBM Plex Serif

제목 나눔고딕은 중립 산세리프 영문과 구조가 맞고, 본문 코트라 볼드는 디스플레이 세리프 성격을 보완할 정통 세리프 영문이 안정적입니다.

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

36~44px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#1a3a5c

#c8902a

#f4efe6

어울리는 산업 톤

공공기관 신뢰캠페인 메시지문화·전시 안내

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

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

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