한글 페어링 · 큐레이션

코트라 볼드+코트라 희망

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

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

A:코트라 볼드· 제작 코트라|B:코트라 희망· 제작 코트라

→ 각 폰트 종합 가이드: 코트라 볼드 가이드·코트라 희망 가이드

평가 결과 · 2개 케이스

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

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

84제목 코트라 볼드 · 본문 코트라 희망

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

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

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

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

차분한 본문이 신뢰의 문장을 이어갑니다

코트라 희망은 획 굵기가 안정적이고 자간이 일정해 긴 문장 본문에 적합하며, 코트라 볼드는 굵은 세리프 구조로 단문 제목에서 시선을 확실히 잡는다.

분위기: 코트라 희망이 본문에서 차분하고 단정한 호흡을 만들고, 코트라 볼드가 묵직한 강조로 페어 전체에 공적이고 신뢰감 있는 톤을 부여한다.
대비·계층: 동일 패밀리 계열이라 구조 일관성이 높고 400 vs 700의 굵기 차로 본문·제목 위계가 자연스럽게 분리된다.
추천 용도: 공공기관 리포트 본문정책 브로슈어 내지연차보고서 장문 페이지교육 자료 단행본기관 뉴스레터

어울리는 영문 폰트

제목IBM Plex SerifSource SerifMerriweather

본문Source SerifLora

코트라 시리즈의 모던 세리프 구조에 맞춰 라틴도 휴머니스트 세리프 계열로 묶으면 본문 호흡과 제목 무게가 자연스럽게 이어진다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2a44

#a67c52

#f4efe6

어울리는 산업 톤

공공기관 신뢰정책 리포트교육 따뜻B2B 출판

72제목 코트라 희망 · 본문 코트라 볼드

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

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

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

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

신뢰는 단단한 한 줄에서 시작됩니다.

코트라 볼드는 700 웨이트로 본문 사용 시 시각 부담이 있어 짧은 단락·캡션에 적합하며, 코트라 희망은 400 세리프 특성상 강조 제목으로 또렷하게 읽힙니다.

분위기: 코트라 볼드가 본문 무게중심을 단단히 잡고, 코트라 희망이 한층 가벼운 세리프로 강조 포인트를 얹어 공공·기관의 신뢰감과 따뜻함을 함께 전합니다.
대비·계층: 동일 패밀리 기반이라 구조는 통일감 있고, 700↔400 웨이트 차이로 본문–제목 위계가 분명히 드러납니다.
추천 용도: 공공기관 안내 브로슈어의 강조 본문수출지원 리포트의 핵심 메시지 단락정책 카드뉴스의 임팩트 문구기관 IR 자료의 핵심 수치 설명

어울리는 영문 폰트

제목IBM Plex SerifSource SerifEB Garamond

본문MerriweatherLora

코트라 시리즈가 세리프 기반이므로 동일 계열의 검증된 본문 세리프와 합성하면 구조·획 대비가 자연스럽게 이어집니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#1f2a44

#c2956b

#f4efe6

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* 코트라 볼드 또는 코트라 희망의 공식 CDN이 없어 Pretendard로 fallback 처리 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css');

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

/* 본문 */
body, p {
  font-family: 'Pretendard Variable', sans-serif;
}