한글 페어링 · 큐레이션

코트라 볼드+노토 산스 KR

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

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

A:코트라 볼드· 제작 코트라|B:노토 산스 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 코트라 볼드 가이드·노토 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

86제목 코트라 볼드 · 본문 노토 산스 KR

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

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

+노토 산스 KRB=본문용

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

글로벌 시장을 향한 도약의 시작

코트라 볼드는 굵은 세리프 구조로 제목에서 시선을 강하게 잡아주고, 노토 산스 KR은 다양한 웨이트와 균일한 자족으로 긴 본문에서도 안정적인 가독성을 제공합니다.

분위기: 코트라 볼드의 단단하고 공신력 있는 인상이 노토 산스 KR의 중립적이고 정돈된 본문과 만나 신뢰감 있는 톤을 형성합니다.
대비·계층: 세리프 디스플레이 700과 산스 본문(400) 간 골격·웨이트 대비가 뚜렷해 정보 위계가 자연스럽게 나뉩니다.
추천 용도: 공공기관 리포트B2B 백서·IR 자료수출입·무역 브로슈어기업 홈페이지 메인 비주얼정책 발표 슬라이드

어울리는 영문 폰트

제목Source SerifMerriweatherIBM Plex SerifEB Garamond

본문InterIBM Plex SansSource Sans Pro

코트라 볼드의 클래식한 세리프 골격에는 균형 잡힌 라틴 세리프가 어울리고, 노토 산스 KR 본문에는 중립적이고 검증된 산세리프가 합성 글꼴로 안정적입니다.

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

40~52px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#1a2b4a

#c8a96a

#f4f1ea

어울리는 산업 톤

공공기관 신뢰B2B 전문성무역·수출 글로벌금융·정책 보고서

58제목 노토 산스 KR · 본문 코트라 볼드

노토 산스 KRA=제목용

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

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

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

정직한 정보, 단단한 신뢰의 시작

제목의 노토 산스 KR은 어떤 화면에서도 안정적으로 읽히지만, KOTRA 볼드는 700 단일 굵기의 디스플레이 성격이라 긴 본문에는 부담이 큽니다.

분위기: 노토 산스 KR의 중립적이고 정돈된 인상이 KOTRA 볼드의 강한 디스플레이 무게감을 차분하게 받쳐주지만, 본문에 디스플레이 폰트를 쓰는 구조라 톤이 다소 이질적입니다.
대비·계층: 산세리프 제목과 굵은 세리프 본문이라 분류 대비는 뚜렷하지만, 본문이 700 볼드뿐이라 위계 변별이 약화될 수 있습니다.
추천 용도: 공공기관 캠페인 배너수출·통상 리포트 표지전시 패널 헤드 카피브랜드 슬로건 키비주얼

어울리는 영문 폰트

제목InterIBM Plex SansPretendard LatinManrope

본문Source SerifIBM Plex Serif

노토 산스 KR의 기하학적 중립성에는 Inter·IBM Plex Sans가 자연스럽고, KOTRA 볼드의 무게감 있는 세리프 본문에는 동일 톤의 굵은 세리프 영문이 어울립니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#0a2540

#c8a96a

#f5f1ea

어울리는 산업 톤

공공기관 신뢰B2B 무역·통상정책 캠페인

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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