한글 페어링 · 큐레이션

코트라 글로벌+노토 세리프 KR

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

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

A:코트라 글로벌· 제작 코트라|B:노토 세리프 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 코트라 글로벌 가이드·노토 세리프 KR 가이드

평가 결과 · 2개 케이스

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

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

45제목 코트라 글로벌 · 본문 노토 세리프 KR

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

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

+노토 세리프 KRA=본문용

제작구글·어도비상업 무료다운로드

한국 무역 정책의 최신 동향을 알아보세요.

노토 세리프 KR은 본문용으로 우수한 가독성을 제공한다. 다만 코트라 글로벌이 제목용으로 weight 400 단일만 제공되어 본문과의 명확한 무게 대비를 만들기 어렵다.

분위기: 노토 세리프 KR의 중성적·학술적 분위기와 코트라 글로벌의 공식·기관적 톤이 겹치면서 분위기 대비가 약하다. 두 폰트 모두 serif 계열이지만 개성 차이가 뚜렷하지 않아 시각적 계층감이 부족하다.
대비·계층: 두 폰트 모두 serif이며 코트라 글로벌의 weight 선택지가 제한적(400만)이므로, 제목-본문 간 시각적 위계 구분이 약하다. 노토 세리프 KR의 다양한 weight(200~900)를 활용해도 코트라 글로벌과의 구조적 대비는 미흡하다.
추천 용도: 공공기관·정부 공식 문서 (기관 정체성 유지)학술·출판 콘텐츠 (높은 본문 가독성)뉴스레터·리포트 (신뢰성 강조)

어울리는 영문 폰트

제목IBM Plex SerifSource Serif ProEB Garamond

본문Source Serif ProMerriweather

노토 세리프 KR의 학술적·중성적 특성에 맞춰 전통적이고 읽기 편한 serif 영문 폰트를 권장한다. IBM Plex Serif는 기관 신뢰성을, Merriweather는 본문 가독성을 강화한다.

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

36~44px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#0066cc

#f5f5f5

어울리는 산업 톤

공공기관 신뢰B2B 출판·리포트

42제목 노토 세리프 KR · 본문 코트라 글로벌

노토 세리프 KRB=제목용

제작구글·어도비상업 무료다운로드

+코트라 글로벌A=본문용ⓘ 미리보기는 프리텐다드

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

무역 정보는 글로벌 비즈니스의 핵심입니다.

코트라 글로벌(400)은 본문용으로 충분한 가독성을 제공하나, 노토 세리프 KR의 가장 얇은 가중치(200, 300)는 제목으로 사용 시 약한 인상을 주어 위계 구분이 명확하지 않음.

분위기: 두 serif 폰트 모두 격식 있고 전통적인 분위기를 공유하지만, 코트라 글로벌의 독특한 구조와 노토 세리프 KR의 중립적 설계 사이에 시각적 일관성 부족.
대비·계층: 두 폰트 모두 serif 계열로 구조적 유사성이 높아 무게 차이만으로는 충분한 대비가 생기지 않음. 제목으로 노토 세리프 KR 700 이상을 강제하면 대비 개선 가능하나, 같은 serif 족 내에서의 변화로 시각적 신선도 낮음.
추천 용도: 정부·공공기관 공식 문서 (코트라 글로벌의 제도적 정체성 활용)학술·출판물 본문 중심 (serif 가독성)기업 보고서·연간보고서 (격식 있는 톤)

어울리는 영문 폰트

제목IBM Plex SerifSource Serif ProEB Garamond

본문Source Serif ProMerriweather

노토 세리프 KR과 같은 중립적 serif 계열 영문 폰트를 선택하되, 제목용으로는 IBM Plex Serif의 높은 대비 가중치(Bold, SemiBold)를 활용하여 한글 serif 페어의 약한 위계를 보강할 수 있음.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#2c2c2c

#8b7355

#f9f7f4

어울리는 산업 톤

공공기관 신뢰B2B 포멀

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Noto Serif KR', sans-serif;
}