한글 페어링 · 큐레이션

비트로 코어+코트라 글로벌

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

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

A:비트로 코어· 제작 비트로|B:코트라 글로벌· 제작 코트라

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

평가 결과 · 2개 케이스

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

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

62제목 비트로 코어 · 본문 코트라 글로벌

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

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

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

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

오래된 문장 위로 새로운 헤드라인이 선다

코트라 글로벌은 획 대비가 안정적이라 긴 본문에 충분한 가독성을 확보합니다. 비트로 코어는 강조용 디스플레이라 짧은 헤드라인·키 카피에 한정해야 시선 집중 효과가 살아납니다.

분위기: 코트라 글로벌의 단정하고 신뢰감 있는 세리프 본문 위로 비트로 코어의 각진 디스플레이 헤드라인이 강한 시각적 임팩트를 더합니다. 전통과 실험성이 공존하는 톤이라 컨셉이 명확할 때 빛납니다.
대비·계층: 세리프 본문과 기하학적 디스플레이 제목의 분류 차이가 커서 정보 위계가 즉시 구분됩니다. 다만 양쪽 모두 400 웨이트라 사이즈 차로 강한 대비를 별도 확보해야 합니다.
추천 용도: 문화·전시 도록의 본문 + 키 헤드라인브랜드 매거진 에디토리얼 페이지리포트 표지와 내지 본문 조합캠페인 랜딩 페이지의 메인 카피 + 설명문

어울리는 영문 폰트

제목GeistSatoshiManrope

본문Source SerifEB Garamond

비트로 코어의 기하학적 디스플레이 인상은 Geist·Satoshi 같은 현대적 산세리프와 호흡이 맞고, 코트라 글로벌 본문은 동일 세리프 계열인 Source Serif·EB Garamond와 결합해 텍스처를 통일합니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#c2410c

#f5efe6

어울리는 산업 톤

문화·예술 에디토리얼라이프스타일 매거진공공기관 신뢰브랜드 캠페인 임팩트

42제목 코트라 글로벌 · 본문 비트로 코어

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

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

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

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

세계로 나아가는 우아한 발걸음

제목은 명조 특유의 우아함으로 시선을 모으지만, 본문에 디스플레이 폰트인 비트로 코어를 쓰면 장문 가독성이 현저히 떨어집니다.

분위기: 코트라 글로벌의 격식 있는 명조 인상과 비트로 코어의 기하학적 디스플레이 감성이 톤 측면에서 충돌합니다.
대비·계층: 세리프 제목과 기하학 디스플레이 본문이라는 이질적 조합이라 위계는 만들어지나 시각적 일관성이 약합니다.
추천 용도: 실험적 포스터브랜드 캠페인 키비주얼전시 그래픽짧은 카피 중심 광고

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource SerifLora

본문GeistSatoshi

코트라 글로벌의 클래식한 세리프 인상은 가라몬드 계열과 자연스럽게 어울리고, 본문의 비트로 코어가 가진 기하학적 디스플레이 성격은 조형감 있는 산세리프와 합성해야 톤이 유지됩니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#b8895a

#f5efe6

어울리는 산업 톤

공공기관 신뢰라이프스타일 매거진문화예술 브랜딩

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