한글 페어링 · 큐레이션

코트라 희망+나눔바른고딕

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

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

A:코트라 희망· 제작 코트라|B:나눔바른고딕· 제작 네이버

→ 각 폰트 종합 가이드: 코트라 희망 가이드·나눔바른고딕 가이드

평가 결과 · 2개 케이스

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

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

84제목 코트라 희망 · 본문 나눔바른고딕

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

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

+나눔바른고딕B=본문용

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

희망을 잇는 한 걸음이 내일을 바꿉니다

코트라 희망은 제목 크기에서 글자 형태가 또렷이 드러나며, 나눔바른고딕은 긴 본문에서도 균형 잡힌 자형으로 안정적인 가독성을 제공합니다.

분위기: 코트라 희망의 따뜻하고 인간적인 세리프 인상이 나눔바른고딕의 단정한 산세리프와 만나 신뢰감 있으면서도 친근한 톤을 형성합니다.
대비·계층: 세리프 제목과 산세리프 본문의 분류 대비가 명확해 위계가 자연스럽게 잡히며, 본문 700을 활용해 강조 위계도 보완 가능합니다.
추천 용도: 공공기관 홍보물사회공헌 캠페인 웹페이지교육 브로슈어기업 CSR 리포트비영리 매거진

어울리는 영문 폰트

제목Source SerifMerriweatherLoraEB Garamond

본문InterSource Sans ProIBM Plex Sans

코트라 희망의 부드러운 세리프 곡선은 인간적 톤의 영문 세리프와, 나눔바른고딕의 정돈된 골격은 중립적이고 가독성 높은 산세리프와 자연스럽게 합성됩니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2c4a3e

#d4a574

#f5f1ea

어울리는 산업 톤

공공기관 신뢰사회공헌 따뜻교육 휴머니티

74제목 나눔바른고딕 · 본문 코트라 희망

나눔바른고딕B=제목용

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

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

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

작은 희망이 모여 더 단단한 내일을 만듭니다.

코트라 희망은 부드러운 획과 적당한 자폭으로 긴 글에 무리 없이 읽히며, 나눔바른고딕은 명료한 골격으로 제목 가독성이 뛰어납니다.

분위기: 코트라 희망의 따뜻한 세리프 본문 위에 나눔바른고딕이 단정한 제목으로 얹혀, 공공적 신뢰감과 인간적 온도가 공존하는 톤을 만듭니다.
대비·계층: 본문 세리프와 제목 산세리프의 카테고리 대비가 분명하고, 나눔바른고딕 700과 코트라 희망 400의 웨이트 차이로 위계가 또렷합니다.
추천 용도: 공공기관 안내 책자사회적 기업 리포트교육 교재 본문기업 사보·뉴스레터정책 브리핑 웹페이지

어울리는 영문 폰트

제목InterIBM Plex SansSource Sans ProManrope

본문Source SerifMerriweather

나눔바른고딕의 단정한 산세리프에는 Inter·IBM Plex Sans처럼 중립적이고 균형 잡힌 라틴이 어울리고, 코트라 희망 본문에는 Source Serif·Merriweather가 획 굵기와 톤 면에서 자연스럽게 합성됩니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2a3d4f

#c8a36a

#f6f1e8

어울리는 산업 톤

공공기관 신뢰교육 따뜻사회적가치 리포트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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