한글 페어링 · 큐레이션

코트라 볼드+프리텐다드

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

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

A:코트라 볼드· 제작 코트라|B:프리텐다드· 제작 길형진

→ 각 폰트 종합 가이드: 코트라 볼드 가이드·프리텐다드 가이드

평가 결과 · 2개 케이스

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

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

86제목 코트라 볼드 · 본문 프리텐다드

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

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

+프리텐다드B=본문용

제작길형진상업 무료다운로드

대한민국 수출, 새로운 길을 열다

코트라 볼드는 700 굵기 디스플레이 세리프로 헤드라인에서 강한 시선 집중을 만들고, Pretendard는 다양한 웨이트와 또렷한 자소 구조로 긴 본문에서도 뛰어난 가독성을 유지합니다.

분위기: 코트라 볼드의 묵직한 세리프 인상이 Pretendard의 정돈된 산세리프 본문과 만나 권위감과 현대적 신뢰가 조화롭게 어우러집니다.
대비·계층: 세리프와 산세리프의 장르 대비 + 700 vs 400 본문의 웨이트 대비가 결합되어 정보 위계가 명확하게 살아납니다.
추천 용도: 공공기관·국가기관 리포트 표지B2B 기업 IR 자료수출·무역 산업 백서정책 브리핑 웹사이트신뢰감 강조 랜딩페이지

어울리는 영문 폰트

제목Source SerifIBM Plex SerifMerriweatherEB Garamond

본문Pretendard LatinInterIBM Plex Sans

코트라 볼드의 클래식 세리프 무게감은 Source Serif·IBM Plex Serif 같은 모던 세리프와 골격이 맞고, 본문은 Pretendard 내장 라틴으로 일관성을 유지하면 최적입니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.65

어울리는 색상

#0b2545

#c08a3e

#f4f1ea

어울리는 산업 톤

공공기관 신뢰B2B 무역·수출정책 브리핑 권위

58제목 프리텐다드 · 본문 코트라 볼드

프리텐다드A=제목용

제작길형진상업 무료다운로드

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

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

내일을 여는 또렷한 한 걸음

프리텐다드는 제목에서 또렷한 가독을 보장하나, 코트라 볼드는 700 단일 웨이트로 긴 본문 가독성에는 부담이 있어 짧은 문장 위주 본문에 적합합니다.

분위기: 프리텐다드의 모던하고 중립적인 인상이 제목을 잡고, 코트라 볼드의 디스플레이성 강한 본문이 따라가는 구성으로 톤이 다소 비대칭적입니다.
대비·계층: 제목의 중립적 산세리프와 본문의 두꺼운 디스플레이 세리프가 강한 시각 대비를 만들지만, 본문이 너무 두꺼워 위계 역전 위험이 있습니다.
추천 용도: 브랜드 캠페인 랜딩전시·문화 포스터공공 홍보물 헤드라인리포트 표지이벤트 키비주얼

어울리는 영문 폰트

제목InterManropeGeistPlus Jakarta Sans

본문IBM Plex SerifSource Serif

제목은 프리텐다드의 기하학적 구조와 맞물리는 모던 산세리프를, 본문은 코트라 볼드의 세리프 질감과 호응하는 안정적인 세리프를 매칭했습니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#c8512a

#f5efe6

어울리는 산업 톤

공공기관 신뢰문화·전시 캠페인B2B 브랜딩

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css');

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

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