한글 페어링 · 큐레이션

비트로 프라이드+빛의 계승자

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

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

A:비트로 프라이드· 제작 비트로|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

38제목 비트로 프라이드 · 본문 빛의 계승자

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

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

+빛의 계승자A=본문용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

빛을 이은 자, 새 시대를 열다

빛의 계승자는 장식성이 강한 디스플레이 서체라 본문 역할로 쓰기에는 장문 가독성이 크게 떨어지며, 비트로 프라이드 제목과 함께 놓이면 시선 분산이 심해집니다.

분위기: 빛의 계승자가 만드는 판타지·서사적 분위기를 비트로 프라이드의 강렬한 각진 제목이 압도하며, 두 디스플레이 폰트가 서로 다른 세계관을 주장해 톤이 충돌합니다.
대비·계층: 둘 다 400 웨이트 디스플레이로 무게 대비가 부족하고, 형태 개성이 강해 위계가 명확히 잡히기보다 서로 경쟁하는 인상을 줍니다.
추천 용도: 게임 이벤트 랜딩 키비주얼e스포츠 행사 포스터판타지 웹툰 프로모션 배너굿즈 패키지 한정 카피

어울리는 영문 폰트

제목BungeeAudiowideOrbitron

본문CinzelCormorant Garamond

비트로 프라이드의 기하·테크 인상에는 Orbitron·Audiowide가 어울리고, 빛의 계승자의 서사적 톤은 세리프 계열로 보완하면 본문 무드가 살아납니다.

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

44~56px

26~32px

본문

18~20px

line-height

1.7

어울리는 색상

#0d0b1f

#c9a24a

#f1ecdf

어울리는 산업 톤

게임·엔터테인먼트 임팩트판타지 IP 프로모션e스포츠 이벤트

38제목 빛의 계승자 · 본문 비트로 프라이드

빛의 계승자A=제목용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

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

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

빛을 이은 자, 새로운 전설을 쓰다

빛의 계승자는 장식성이 강해 짧은 헤드라인에서만 빛나며, 비트로 프라이드는 픽셀형 디스플레이로 본문에 부적합하다. 긴 글 가독성은 거의 확보되지 않는다.

분위기: 빛의 계승자의 판타지·서사적 인상과 비트로 프라이드의 픽셀·레트로 게이밍 톤이 서로 다른 세계관을 끌고 와 충돌이 발생한다. 두 폰트 모두 강한 개성을 가진 디스플레이라 한 화면 공존이 까다롭다.
대비·계층: 두 폰트 모두 400 단일 웨이트의 디스플레이라 굵기·구조 대비가 약하고, 위계는 사이즈 차이에만 의존하게 된다. 본문/제목 분리감이 흐릿하다.
추천 용도: 게임 인트로 타이틀이벤트 키 비주얼 헤드라인판타지풍 굿즈 패키지e스포츠 포스터 메인 카피

어울리는 영문 폰트

제목CinzelPlayfair DisplayUnifrakturCook

본문IBM Plex MonoSpace Mono

제목은 빛의 계승자의 서사적 장식성과 어울리는 세리프/장식체로 묶고, 본문 자리에는 비트로 프라이드의 픽셀 톤을 보강하는 모노스페이스로 일관성을 맞춘다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#1b1330

#c8a35a

#f1ecdf

어울리는 산업 톤

게임 판타지e스포츠 이벤트서브컬처 굿즈

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