한글 페어링 · 큐레이션

비트로 코어+본고딕

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

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

A:비트로 코어· 제작 비트로|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 비트로 코어 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

82제목 비트로 코어 · 본문 본고딕

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

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

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

픽셀 너머, 새로운 감각을 켜다

비트로 코어는 짧은 헤드라인에서 시선을 강하게 끌고, 본고딕은 다양한 웨이트와 균일한 자폭으로 긴 본문에서도 안정적인 가독성을 제공합니다.

분위기: 비트로 코어의 픽셀·레트로 감성이 본고딕의 중립적이고 모던한 인상과 만나 디지털 친화적이면서도 안정된 톤을 형성합니다.
대비·계층: 디스플레이 폰트와 휴머니스트 산세리프의 구조적 차이가 뚜렷해 제목과 본문 사이 정보 위계가 명확하게 분리됩니다.
추천 용도: 게임·IT 프로덕트 랜딩디지털 캠페인 키비주얼팝업·전시 포스터테크 매거진 헤드라인이벤트 마이크로사이트

어울리는 영문 폰트

제목Geist MonoSpace GroteskJetBrains MonoSatoshi

본문InterIBM Plex Sans

비트로 코어의 디지털·기하학 인상은 모노스페이스나 지오메트릭 산세리프와 호응하고, 본고딕은 Inter·IBM Plex처럼 중립적 휴머니스트 산세리프와 자폭·x-height가 자연스럽게 맞물립니다.

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

44~56px

24~30px

본문

16~17px

line-height

1.7

어울리는 색상

#0f1115

#22d3ee

#f4f4f5

어울리는 산업 톤

게임·엔터테크 임팩트스타트업 디지털 캠페인테크 미디어 모던

58제목 본고딕 · 본문 비트로 코어

본고딕B=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

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

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

도트 한 칸이 이야기를 시작합니다

비트로 코어는 픽셀 그리드 기반이라 긴 문장 가독성이 낮아 본문으로는 짧은 카피·캡션 단위에 한정됩니다. 본고딕 제목은 다양한 웨이트 덕분에 또렷한 위계를 잡아 줍니다.

분위기: 비트로 코어가 본문 자리에서 픽셀·레트로 질감을 깔고, 본고딕이 정돈된 헤드라인으로 균형을 잡는 구성입니다. 디스플레이성이 강한 본문 때문에 톤은 실험적·서브컬처 방향으로 기울어집니다.
대비·계층: 디스플레이 본문 + 정통 산세리프 제목 구조라 질감 대비는 강하지만, 본고딕을 Bold 이상으로 써야 비트로 코어의 시각 무게에 밀리지 않습니다.
추천 용도: 게임·서브컬처 이벤트 페이지의 짧은 본문레트로 굿즈 패키지 카피Z세대 타겟 캠페인 랜딩 캡션팝업스토어 안내 보드

어울리는 영문 폰트

제목InterIBM Plex SansGeistManrope

본문VT323Press Start 2P

본고딕 제목은 중립적 산세리프 라틴과 자연스럽게 합쳐지고, 비트로 코어 본문은 픽셀 계열 라틴과 합성해야 질감이 끊기지 않습니다.

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

32~40px

22~26px

본문

15~17px

line-height

1.7

어울리는 색상

#1a1a1a

#ff5c38

#f5efe6

어울리는 산업 톤

게임 서브컬처Z세대 캠페인레트로 라이프스타일

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