한글 페어링 · 큐레이션

코트라 희망+노토 세리프 KR

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

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

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

→ 각 폰트 종합 가이드: 코트라 희망 가이드·노토 세리프 KR 가이드

평가 결과 · 2개 케이스

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

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

72제목 코트라 희망 · 본문 노토 세리프 KR

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

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

+노토 세리프 KRA=본문용

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

오래된 문장 사이에서 오늘의 온기를 다시 읽다

노토 세리프 KR은 다양한 웨이트와 안정된 자형 덕에 긴 글 본문에 매우 적합하며, 코트라 희망은 제목 크기에서 또렷이 읽혀 위계 도입부 역할을 잘 수행합니다.

분위기: 노토 세리프 KR의 정제된 본문 흐름 위에 코트라 희망의 부드럽고 인간적인 세리프 제목이 얹혀, 따뜻하면서도 신뢰감 있는 톤을 만듭니다.
대비·계층: 둘 다 세리프 계열이라 큰 스타일 충돌은 없지만, 코트라 희망의 손글씨 결과 노토 세리프의 정형적 구조 사이 질감 대비로 위계가 확보됩니다. 다만 웨이트 대비를 위해 본문은 400, 제목은 충분히 큰 사이즈로 차이를 더 둘 필요가 있습니다.
추천 용도: 문화·예술 매거진 본문 레이아웃공공기관 캠페인 리포트교육·인문 출판 도서지역 브랜드 스토리텔링 페이지전시 도록 본문

어울리는 영문 폰트

제목EB GaramondLoraPlayfair DisplayIBM Plex Serif

본문Source SerifMerriweatherEB Garamond

코트라 희망의 손글씨 풍 세리프는 EB Garamond·Playfair 같은 고전 세리프와 결이 맞고, 노토 세리프 KR 본문에는 Source Serif·Merriweather가 비슷한 x-height와 가독성으로 자연스럽게 합성됩니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a26

#a67c52

#f4ecdf

어울리는 산업 톤

문화·출판 따뜻함공공기관 신뢰교육 인문지역 브랜드 서정

64제목 노토 세리프 KR · 본문 코트라 희망

노토 세리프 KRA=제목용

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

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

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

전통과 미래를 잇는 한 줄의 기록

노토 세리프 KR은 다양한 웨이트로 제목 위계가 또렷하고, 코트라 희망은 본문에서 부드러운 인상을 주지만 단일 웨이트라 긴 분량에서는 단조로울 수 있다.

분위기: 노토 세리프 KR의 정제된 명조 제목이 코트라 희망의 따뜻한 본문 세리프와 만나 진중하면서도 인간적인 톤을 만든다.
대비·계층: 두 폰트 모두 세리프 계열이라 형태적 대비는 약하지만, 노토 세리프 KR 700~900 웨이트와 코트라 희망 400의 굵기 차로 위계는 확보된다.
추천 용도: 공익 캠페인 브로슈어공공기관 연차보고서문화재단 출판물교육기관 안내서

어울리는 영문 폰트

제목Source SerifEB GaramondPlayfair DisplayIBM Plex Serif

본문LoraMerriweather

노토 세리프 KR의 클래식한 명조 구조에는 휴머니스트 세리프 라틴이 잘 맞고, 본문은 x-height가 넉넉한 세리프가 코트라 희망의 따뜻함을 보완한다.

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

40~52px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#a47148

#f5efe6

어울리는 산업 톤

공공기관 신뢰문화·출판 클래식교육 따뜻

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