한글 페어링 · 큐레이션

코트라 도약+노토 산스 KR

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

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

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

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

평가 결과 · 2개 케이스

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

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

86제목 코트라 도약 · 본문 노토 산스 KR

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

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

+노토 산스 KRB=본문용

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

세계로 도약하는 대한민국의 내일

코트라 도약은 굵은 획과 또렷한 구조로 헤드라인에서 시선을 강하게 끌고, 노토 산스 KR은 폭넓은 웨이트와 안정된 자소 균형으로 긴 본문에서도 흐트러짐 없는 가독성을 제공합니다.

분위기: 코트라 도약의 견고하고 진취적인 세리프 인상이 노토 산스 KR의 중립적이고 정돈된 본문 톤과 만나 신뢰감 있는 공식 문서 분위기를 형성합니다.
대비·계층: 세리프 제목 vs 산스 본문이라는 분류 대비에 더해 도약의 강한 인상과 노토 산스의 차분한 텍스처가 명확한 정보 위계를 만듭니다.
추천 용도: 공공기관 리포트 표지IR·사업보고서 제목B2B 컨퍼런스 키비주얼정책 브리핑 웹페이지수출·무역 브랜드 캠페인

어울리는 영문 폰트

제목Source SerifIBM Plex SerifMerriweatherEB Garamond

본문InterIBM Plex SansSource Sans Pro

도약의 진중한 세리프 인상에 맞춰 구조가 견고한 영문 세리프를 제목에 매칭하고, 본문은 노토 산스 KR과 자소 폭·x-height가 유사한 모던 산스로 합성해 통일감을 확보합니다.

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

40~52px

26~30px

본문

16~17px

line-height

1.65

어울리는 색상

#0f2a4a

#c8a24b

#f4f1ea

어울리는 산업 톤

공공기관 신뢰B2B 글로벌 비즈니스정책·연구 리포트

72제목 노토 산스 KR · 본문 코트라 도약

노토 산스 KRB=제목용

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

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

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

도약하는 한국 경제의 새로운 흐름을 읽다

코트라 도약은 굵은 획과 또렷한 인상으로 본문 사용 시 사이즈와 자간 조정이 필요하며, 노토 산스 KR 제목은 다양한 웨이트로 명료하게 위계를 형성합니다.

분위기: 코트라 도약의 진중하고 묵직한 세리프가 본문을 이끌고, 노토 산스 KR의 중립적 산세리프가 강조 제목으로 균형을 잡습니다. 전통과 모던이 조화로운 톤입니다.
대비·계층: 세리프 본문 × 산세리프 제목의 분류 대비가 명확하고, 노토 산스 KR의 700~900 웨이트를 활용하면 구조적 위계가 뚜렷해집니다.
추천 용도: 공공기관 백서·보고서수출입·무역 산업 리포트기업 IR 자료정책 브리프 본문전통·역사 콘텐츠 매거진

어울리는 영문 폰트

제목InterIBM Plex SansHelvetica NeueManrope

본문Source SerifIBM Plex SerifLora

노토 산스 KR 제목은 중립적 산세리프와 자연스럽게 합성되고, 코트라 도약 본문은 동일 계열 세리프와 합성해야 인상이 일관됩니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#1f2a44

#b08545

#f4efe6

어울리는 산업 톤

공공기관 신뢰B2B 수출입 리포트정책·연구 출판기업 IR 모던

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