한글 페어링 · 큐레이션

코트라 볼드+코트라 글로벌

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

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

A:코트라 볼드· 제작 코트라|B:코트라 글로벌· 제작 코트라

→ 각 폰트 종합 가이드: 코트라 볼드 가이드·코트라 글로벌 가이드

평가 결과 · 2개 케이스

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

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

86제목 코트라 볼드 · 본문 코트라 글로벌

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

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

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

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

대한민국 무역의 새로운 지평을 열다

코트라 볼드는 굵은 세리프 구조로 제목에서 강한 시선 집중을 만들고, 코트라 글로벌은 균형 잡힌 자소 비례로 중장문 본문에서도 안정적으로 읽힙니다.

분위기: 코트라 볼드의 묵직한 명조 인상이 코트라 글로벌의 단정한 세리프와 만나 공신력 있는 톤을 형성합니다. 한 패밀리 계열이라 충돌 없이 일관된 무게감을 전달합니다.
대비·계층: 700 대 400의 두 단계 weight 차이와 디스플레이 대 본문의 역할 분리가 명확해 정보 위계가 자연스럽게 구축됩니다.
추천 용도: 공공기관 백서·보고서 표지수출입 무역 브로슈어정책 발표 키노트 슬라이드기관 홈페이지 메인 비주얼연차보고서 챕터 분절

어울리는 영문 폰트

제목Source SerifEB GaramondPlayfair DisplayIBM Plex Serif

본문Source SerifLoraMerriweather

코트라 볼드의 권위적 세리프 구조에는 클래식 세리프 라틴이 어울리며, 본문은 가독성 높은 트랜지셔널 세리프로 맞춰야 톤이 흐트러지지 않습니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#0a2540

#c9a368

#f5f1ea

어울리는 산업 톤

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

62제목 코트라 글로벌 · 본문 코트라 볼드

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

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

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

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

글로벌 무역의 새로운 지평을 열다

코트라 볼드는 700 웨이트라 긴 본문 가독성은 다소 부담스럽지만 짧은 인용·강조 단락에서는 임팩트가 있고, 코트라 글로벌은 제목으로 또렷하게 시선을 잡습니다.

분위기: 코트라 볼드가 본문 역할을 맡으며 강건한 무게감으로 화면을 채우고, 코트라 글로벌이 정제된 세리프 제목으로 격조 있는 공공·국제적 톤을 형성합니다.
대비·계층: 본문이 오히려 무겁고 제목이 가벼운 역전 구조라 일반적 위계와 반대지만, 같은 코트라 패밀리라 톤 일관성으로 균형을 잡습니다.
추천 용도: 공공기관 백서 강조 단락국제 무역 리포트 인용구전시 도록 캡션 강조정책 브로슈어 서브 본문

어울리는 영문 폰트

제목EB GaramondSource SerifIBM Plex Serif

본문MerriweatherLora

코트라 글로벌의 정제된 세리프 제목에는 클래식한 EB Garamond·Source Serif가, 강건한 본문 역할 코트라 볼드에는 본문 가독성이 검증된 Merriweather·Lora가 톤을 공유합니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#1b3a5b

#c9a96e

#f4f1ea

어울리는 산업 톤

공공기관 신뢰국제 무역·외교정책 리포트

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