한글 페어링 · 큐레이션

코트라 볼드+코트라 도약

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

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

A:코트라 볼드· 제작 코트라|B:코트라 도약· 제작 코트라

→ 각 폰트 종합 가이드: 코트라 볼드 가이드·코트라 도약 가이드

평가 결과 · 2개 케이스

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

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

82제목 코트라 볼드 · 본문 코트라 도약

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

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

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

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

도약하는 기업, 세계로 나아가는 한국의 힘.

도약은 적당한 획 두께와 안정적인 자소 구조로 긴 글에서도 피로감이 낮으며, 볼드는 강한 웨이트로 짧은 헤드라인이 즉시 시선을 끕니다.

분위기: 코트라 도약이 본문에서 차분하고 단단한 인상을 이끌고, 코트라 볼드가 강조 제목으로 묵직한 신뢰감을 더합니다.
대비·계층: 400과 700의 명확한 웨이트 차이에 더해 볼드의 디스플레이 성격이 정보 위계를 분명하게 만들어 줍니다.
추천 용도: 공공기관 리포트 본문정책 브리핑 인쇄물B2B 백서·연감수출 산업 매거진기업 IR 자료

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex Serif

본문Source SerifMerriweather

코트라 패밀리의 세리프 골격에 맞춰 라틴도 세리프 계열을 매칭하면 본문~제목 흐름의 톤이 일관됩니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a2a44

#b8860b

#f5f1ea

어울리는 산업 톤

공공기관 신뢰B2B 무역·수출정책·연구 리포트

72제목 코트라 도약 · 본문 코트라 볼드

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

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

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

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

글로벌 시장으로 도약하는 새로운 한 걸음

코트라 도약은 획의 흐름이 살아 있어 제목에서 시선을 끌고, 코트라 볼드는 굵기가 강해 짧은 강조 문구나 캡션성 본문에 적합하지만 긴 본문에는 다소 부담스럽습니다.

분위기: 코트라 도약의 진취적이고 역동적인 인상이 코트라 볼드의 단단한 무게감과 만나 공적이고 신뢰감 있는 톤을 형성합니다.
대비·계층: 두 폰트가 같은 패밀리 계열이라 분위기 일관성은 강하지만, 본문이 볼드 무게라 제목과의 굵기 대비가 약해 위계 구분이 흐려질 수 있습니다.
추천 용도: 공공기관 캠페인 포스터수출지원 브로슈어 표지기업 IR 발표자료 헤드라인정책 안내 배너

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex SerifSource Serif

본문MerriweatherLora

코트라 도약의 진취적 세리프 흐름은 클래식 세리프 영문과 자연스럽게 연결되며, 공공·국제 비즈니스 톤을 강화합니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.6

어울리는 색상

#0a2540

#c8a45c

#f4f1ea

어울리는 산업 톤

공공기관 신뢰수출·무역 진취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;
}