한글 페어링 · 큐레이션

비트로 프라이드+코트라 볼드

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

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

A:비트로 프라이드· 제작 비트로|B:코트라 볼드· 제작 코트라

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·코트라 볼드 가이드

평가 결과 · 2개 케이스

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

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

42제목 코트라 볼드 · 본문 비트로 프라이드

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

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

+비트로 프라이드B=본문용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

전통의 무게, 새로운 자부심.

코트라 볼드는 큰 사이즈 제목에서 강한 인상을 주지만, 본문 자리에 디스플레이 폰트인 비트로 프라이드를 두면 긴 문장 가독성이 크게 떨어집니다.

분위기: 코트라 볼드의 묵직한 세리프 권위감과 비트로 프라이드의 장식적 디스플레이 인상이 톤 충돌을 일으킵니다. 두 폰트 모두 개성이 강해 한 화면에서 서로의 존재감을 약화시킵니다.
대비·계층: 웨이트 차이(700 vs 400)는 있으나 세리프와 디스플레이라는 이질적 스타일이 위계 대신 시각적 경쟁을 만듭니다.
추천 용도: 전시·문화 행사 포스터 헤드라인한정판 캠페인 비주얼브랜드 매니페스토 단편 카피굿즈·패키지 라벨

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex Serif

본문Source SerifLora

코트라 볼드의 클래식 세리프 골격과 어울리는 라틴 세리프를 매칭해 권위감을 유지합니다. 디스플레이 성격이 강해 라틴은 정제된 세리프가 안정적입니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#a3502a

#f4ece1

어울리는 산업 톤

문화·전시 헤리티지프리미엄 라이프스타일공공·기관 캠페인

42제목 비트로 프라이드 · 본문 코트라 볼드

비트로 프라이드B=제목용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

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

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

단단한 문장이 오늘의 메시지를 지킵니다

코트라 볼드는 700 웨이트의 디스플레이 세리프라 장문 본문에는 부담스럽고 짧은 카피·인용구 정도에 한정됩니다. 비트로 프라이드는 제목 한 줄에서는 시선을 강하게 끕니다.

분위기: 코트라 볼드의 묵직한 세리프 인상이 본문을 단단히 잡고, 비트로 프라이드의 장식적 디스플레이 제목이 그 위에 강한 액센트로 얹힙니다. 다만 두 폰트 모두 표현이 강해 톤이 충돌할 위험이 있습니다.
대비·계층: 비트로 프라이드의 장식적 형태와 코트라 볼드의 직선적 세리프가 형태적으로는 구분되지만, 두 폰트 모두 시각적 무게가 커 위계가 평탄해지기 쉽습니다.
추천 용도: 전시·행사 메인 비주얼브랜드 캠페인 키비주얼패키지 한정판 라벨포스터 짧은 카피

어울리는 영문 폰트

제목Playfair DisplayManropeGeist

본문IBM Plex SerifSource Serif

본문 역할의 코트라 볼드가 세리프 계열이라 라틴도 세리프(IBM Plex Serif·Source Serif)로 톤을 맞추고, 제목의 비트로 프라이드는 개성 있는 디스플레이라 Playfair Display나 모던 산세리프로 균형을 줍니다.

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

44~56px

26~32px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#c8512c

#f3ece1

어울리는 산업 톤

문화·전시 캠페인라이프스타일 매거진F&B 한정판 브랜딩

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