한글 페어링 · 큐레이션

코트라 볼드+나눔스퀘어

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

+나눔스퀘어B=본문용

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

글로벌 시장을 잇는 신뢰의 무게

코트라 볼드는 700 웨이트의 강한 세리프로 제목 주목성이 뛰어나고, 나눔스퀘어는 본문 400 기준 자간·획 굵기가 균형 잡혀 긴 문장도 무리 없이 읽힌다.

분위기: 코트라 볼드의 묵직하고 공적인 인상이 나눔스퀘어의 깔끔하고 중립적인 본문 톤과 만나 신뢰감 있는 정보 전달 분위기를 만든다.
대비·계층: 세리프 디스플레이 제목과 산세리프 본문이라는 카테고리 대비, 700 vs 400의 웨이트 대비가 겹쳐 정보 위계가 또렷하다.
추천 용도: 공공기관 안내 리플릿수출입·무역 보고서B2B 기업 소개서정책 브리핑 웹페이지교육 자료 PDF

어울리는 영문 폰트

제목Source SerifIBM Plex SerifMerriweatherEB Garamond

본문InterIBM Plex SansSource Sans Pro

코트라 볼드의 공적이고 두꺼운 세리프 인상은 Source Serif·IBM Plex Serif 같은 정제된 영문 세리프와 호흡이 맞고, 나눔스퀘어 본문은 기하학적 균형의 Inter·IBM Plex Sans와 x-height가 어울린다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1f3a5f

#c8a96a

#f4f1ec

어울리는 산업 톤

공공기관 신뢰B2B 무역·수출정책·연구 리포트

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

나눔스퀘어A=제목용

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

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

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

내일을 여는 단단한 약속

나눔스퀘어는 제목으로 또렷하게 읽히지만, 코트라 볼드는 700 단일 웨이트의 디스플레이 성격이라 본문으로 길게 사용할 때 가독성이 크게 떨어집니다.

분위기: 나눔스퀘어의 단정한 기하학적 산세리프 톤과 코트라 볼드의 강렬한 디스플레이 세리프 인상이 충돌해 일관된 분위기 형성이 어렵습니다.
대비·계층: 웨이트 대비는 충분하지만 산세리프 제목 + 디스플레이 세리프 본문이라는 구조가 일반적 위계와 반대로 작동해 정보 계층이 혼란스러워집니다.
추천 용도: 공공기관 캠페인 포스터전시 안내 리플렛행사용 배너단문 중심 홍보물

어울리는 영문 폰트

제목InterManropeIBM Plex SansHelvetica Neue

본문Source SerifIBM Plex Serif

나눔스퀘어의 기하학적 산세리프 골격에는 Inter·Manrope 같은 균형 잡힌 산세리프가 맞고, 코트라 볼드의 굵은 세리프 인상은 IBM Plex Serif 계열과 톤이 통합니다.

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

40~48px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#c8472b

#f5efe6

어울리는 산업 톤

공공기관 신뢰캠페인 임팩트전시·문화

구현 코드 · 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;
}