한글 페어링 · 큐레이션

비트로 프라이드+코트라 도약

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

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

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

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

평가 결과 · 2개 케이스

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

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

62제목 비트로 프라이드 · 본문 코트라 도약

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

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

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

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

오늘의 자부심, 내일의 도약

비트로 프라이드는 짧은 헤드라인에서 시선을 강하게 끌고, 코트라 도약은 본문에서 안정적인 가독성을 제공한다.

분위기: 비트로 프라이드의 장식적이고 발랄한 인상과 코트라 도약의 진중한 명조체 분위기가 만나 다소 이질적이지만 독특한 긴장감을 만든다.
대비·계층: 디스플레이 폰트와 세리프 본문의 결합으로 위계 차이가 뚜렷하나, 두 폰트의 톤 차이가 커 자칫 어색해 보일 수 있다.
추천 용도: 문화행사 포스터 제목캠페인 키비주얼브랜드 매거진 표지프로모션 랜딩페이지

어울리는 영문 폰트

제목Playfair DisplaySatoshiPlus Jakarta Sans

본문EB GaramondLora

장식성 있는 디스플레이 제목엔 표현력 있는 라틴 폰트가, 진중한 명조 본문엔 클래식 세리프가 자연스럽게 호응한다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2a44

#d97757

#f4ede2

어울리는 산업 톤

문화·예술 캠페인라이프스타일 매거진공공기관 브랜딩

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

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

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

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

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

오늘도 자신만의 길을 걷는 당신에게

비트로 프라이드는 디스플레이 폰트라 긴 본문에 부적합하며 장문 가독성이 크게 저하됩니다. 코트라 도약 제목은 시선 집중력은 있으나 본문이 따라주지 못합니다.

분위기: 비트로 프라이드의 강렬한 디스플레이 인상이 본문 자리에 놓이면서 코트라 도약의 묵직한 세리프 제목과 충돌하는 분위기를 만듭니다. 두 폰트 모두 개성이 강해 톤 일관성이 떨어집니다.
대비·계층: 분류는 다르지만 둘 다 무게 400이라 굵기 대비가 약하고, 본문 폰트의 장식성이 강해 제목과 본문의 위계가 흐려집니다.
추천 용도: 짧은 캠페인 포스터이벤트 안내 카드감각적 굿즈 패키지전시 리플릿

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex Serif

본문SatoshiManrope

제목 코트라 도약의 묵직한 세리프 인상에는 클래식 세리프 영문이 어울리고, 디스플레이 성격의 본문에는 개성을 받아줄 모던 산세리프가 균형을 잡아줍니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#2b2118

#c97b3c

#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;
}