한글 페어링 · 큐레이션

비트로 코어+코트라 볼드

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

+비트로 코어A=본문용ⓘ 미리보기는 프리텐다드

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

현대적 감각의 브랜드 정체성을 표현합니다.

비트로 코어는 디스플레이 폰트로 긴 본문 읽기에 부적합하며, 코트라 볼드 700 weight는 본문용 제목으로 과도하게 무겁다. 둘 다 본문 연속 독서에 최적화되지 않았다.

분위기: 비트로 코어의 현대적 기하학성과 코트라 볼드의 전통 세리프 특성이 충돌하여 일관된 톤을 형성하기 어렵다. 디스플레이 폰트 2개의 조합으로 본문 가독성이 심각하게 제한된다.
대비·계층: 두 폰트 간 구조적 대비(sans vs serif)는 명확하지만, 본문-제목 역할 분담에서 weight 차이가 불충분하다. 비트로 코어 400이 본문이면 제목은 더 가벼운 weight의 세리프가 필요하다.
추천 용도: 단문 광고 카피 (3~5줄 이내)포스터·배너 (디스플레이 전용)브랜드 로고타입 보조

어울리는 영문 폰트

제목Playfair DisplayBodoni ModaPrata

본문InterSource Sans Pro

비트로 코어의 기하학적 현대성을 살리려면 세리프 제목은 클래식하되 우아한 디스플레이 세리프(Playfair Display)가 대비를 강화한다. 본문은 중성적 sans-serif로 보완하되, 디스플레이 폰트 2개 조합은 실무에서 피하는 것이 권장된다.

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

48~64px

28~36px

본문

14~16px

line-height

1.5

어울리는 색상

#1a1a1a

#d4a574

#f9f7f4

어울리는 산업 톤

럭셔리 브랜드 디스플레이문화·예술 이벤트 포스터

38제목 비트로 코어 · 본문 코트라 볼드

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

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

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

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

현대 미술관의 특별 전시를 소개합니다.

본문 역할 폰트(코트라 볼드)가 700 무게의 디스플레이 세리프로, 긴 문장 읽기에 부적합합니다. 제목 역할 폰트(비트로 코어)는 400 무게로 본문 가독성이 제한적입니다.

분위기: 코트라 볼드의 강렬한 세리프 디스플레이 톤과 비트로 코어의 기하학적 모던 톤이 충돌하여 일관된 브랜드 분위기를 형성하기 어렵습니다. 두 폰트의 미학적 방향이 상반되어 있습니다.
대비·계층: 두 폰트 모두 디스플레이 용도로 설계되어 무게 대비(700 vs 400)는 있으나, 구조적 대비(세리프 vs 기하학적)가 정보 위계보다 시각적 불화를 우선합니다.
추천 용도: 포스터·배너(극단적 대비를 의도한 경우 제한적)전시 안내물(두 폰트 분리 사용 시)실무 본문+제목 조합으로는 부적합

어울리는 영문 폰트

제목Playfair DisplayEB GaramondSource Serif Pro

본문InterRoboto

코트라 볼드의 강한 세리프 톤에는 클래식 세리프 영문이 어울리며, 비트로 코어의 기하학적 특성을 보완하려면 중립적 산세리프가 필요합니다. 그러나 두 폰트 조합 자체가 불안정하므로 각각 독립적 페어링을 권장합니다.

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

36~44px

20~24px

본문

14~16px

line-height

1.5

어울리는 색상

#2a2a2a

#c41e3a

#f5f1ed

어울리는 산업 톤

문화·예술 갤러리(제한적)고급 출판(세리프 강조 시)

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