한글 페어링 · 큐레이션

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

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

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

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

대담한 제목과 가독성 있는 본문의 조화

비트로 프라이드는 디스플레이 폰트로 긴 본문 읽기에 부적합하다. 코트라 볼드는 제목용으로 가독성이 충분하나, 본문과의 위계 구분이 명확하지 않다.

분위기: 코트라 볼드의 세리프 디스플레이 무게감과 비트로 프라이드의 경량 디스플레이 스타일이 분위기 충돌을 일으킨다. 제목과 본문 모두 디스플레이 폰트라 톤의 일관성이 약하다.
대비·계층: 무게(700 vs 400)는 대비가 있으나, 두 폰트 모두 디스플레이 성격이라 정보 위계가 약하다. 세리프 vs 논세리프 구분도 없어 시각적 대비가 부족하다.
추천 용도: 포스터·배너 (짧은 문구 중심)헤드라인 강조 (단일 라인)디스플레이 타이포그래피 (본문 없는 구성)

어울리는 영문 폰트

제목Playfair DisplayAbril FatfaceBodoni Moda

본문InterSource Sans Pro

코트라 볼드의 세리프 디스플레이 성격에는 클래식 세리프 디스플레이 영문이 어울리고, 본문용으로는 비트로 프라이드를 대체할 중성적 산세리프가 필수다.

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

48~64px

28~36px

본문

14~16px

line-height

1.6

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

럭셔리 브랜드문화·예술 매거진

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

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

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

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

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

현대적 감각의 전통을 담다.

코트라 볼드는 serif 디스플레이 폰트로 본문용으로는 무겁고 장시간 읽기에 피로를 유발합니다. 비트로 프라이드는 제목으로 사용하기에 무게가 부족하여 위계 설정이 약합니다.

분위기: 코트라 볼드(serif, 700)의 무거운 클래식함과 비트로 프라이드(display, 400)의 경량 현대성이 충돌하여 일관된 톤을 형성하지 못합니다. 분위기 불일치로 인한 시각적 혼란이 발생합니다.
대비·계층: fontA(700 weight, serif)와 fontB(400 weight, display)의 무게 대비는 명확하지만, 역할 배정이 역순이어서 정보 위계가 역행합니다. 본문이 제목보다 시각적으로 무거워 읽기 흐름을 방해합니다.
추천 용도: 포스터·전시회 타이틀(두 폰트 모두 디스플레이용이나 역할 재설정 필요)브랜드 로고 보조 텍스트(제목·본문 구분 명확화 시)한정적 편집 디자인(짧은 텍스트만 사용)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondManrope

본문Source Sans ProInter

코트라 볼드의 serif 무게감을 보완하려면 serif 디스플레이 폰트(Playfair)와 경량 sans-serif 본문 폰트(Source Sans Pro)의 조합이 필요하나, 현재 페어는 역할 설정이 부적절하여 영문 페어링도 제한적입니다.

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

48~56px

28~32px

본문

14~16px

line-height

1.5

어울리는 색상

#2a2a2a

#d4a574

#f9f7f4

어울리는 산업 톤

럭셔리 에디토리얼고급 문화예술

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