한글 페어링 · 큐레이션

코트라 희망+노토 산스 KR

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

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

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

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

평가 결과 · 2개 케이스

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

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

74제목 노토 산스 KR · 본문 코트라 희망

노토 산스 KRB=제목용

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

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

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

희망을 담아 내일을 이야기합니다

코트라 희망은 부드러운 획과 적당한 x-height로 긴 글에서도 피로감이 적고, 노토 산스 KR은 다양한 웨이트로 짧은 헤드라인의 시인성을 확실히 확보합니다.

분위기: 코트라 희망의 따뜻하고 인간적인 세리프 본문 위에 노토 산스 KR의 중립적이고 단단한 제목이 얹혀, 정돈된 공공·기업 커뮤니케이션 톤을 형성합니다.
대비·계층: 세리프(본문) ↔ 산스(제목)의 분류 대비가 명확하고, 노토 산스 KR 700~900을 사용하면 위계가 한층 분명해집니다.
추천 용도: 공공기관 보고서기업 IR/연차보고서정책 브리핑 웹페이지교육 콘텐츠 본문브랜드 스토리 페이지

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Source SerifIBM Plex Serif

노토 산스 KR의 중립적 구조는 Inter·IBM Plex Sans 계열과 자연스럽게 정합되고, 코트라 희망의 인간적 세리프는 Source Serif·IBM Plex Serif의 모던 세리프와 톤이 맞습니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2a37

#c89b6c

#f6f1ea

어울리는 산업 톤

공공기관 신뢰교육 따뜻B2B 리포트

74제목 코트라 희망 · 본문 노토 산스 KR

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

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

+노토 산스 KRA=본문용

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

작은 희망이 모여 내일을 바꿉니다

노토 산스 KR은 균일한 자폭과 안정적인 x-height로 긴 본문 가독성이 매우 우수하다. 코트라 희망은 단일 웨이트지만 제목 크기에서 또렷한 인상을 준다.

분위기: 노토 산스 KR의 중립적이고 깔끔한 본문 톤 위에 코트라 희망 세리프가 따뜻한 인간미를 더한다. 차분한 신뢰감과 부드러운 희망적 정서가 균형 있게 어우러진다.
대비·계층: sans 본문과 serif 제목의 분류 대비로 위계가 자연스럽게 형성된다. 다만 코트라 희망이 400 단일 웨이트라 큰 사이즈와 자간 조정으로 무게감을 보강할 필요가 있다.
추천 용도: 공공기관 안내 책자비영리·캠페인 리포트교육 콘텐츠 본문기업 사회공헌 페이지정책 브리핑 문서

어울리는 영문 폰트

제목Source SerifMerriweatherEB GaramondIBM Plex Serif

본문InterIBM Plex SansSource Sans Pro

코트라 희망의 따뜻한 세리프 인상은 Source Serif나 Merriweather 같은 인간적인 세리프와 결이 맞고, 노토 산스 KR 본문은 Inter·IBM Plex Sans의 중립적 산세리프와 구조적으로 동일한 톤을 형성한다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b4a6f

#d4a373

#f7f3ec

어울리는 산업 톤

공공기관 신뢰비영리 따뜻교육 휴머니즘사회적기업 진정성

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