한글 페어링 · 큐레이션

비트로 코어+JS 동까비

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

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

A:비트로 코어· 제작 비트로|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: 비트로 코어 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

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

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

42제목 JS 동까비 · 본문 비트로 코어

JS 동까비A=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

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

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

오늘은 어쩐지 좋은 일이 생길 것 같아

JS 동까비는 제목으로 시선을 끌지만 비트로 코어는 디스플레이 폰트라 본문으로 길게 사용하면 가독성이 급격히 떨어집니다.

분위기: JS 동까비의 장난스럽고 손글씨 같은 인상과 비트로 코어의 각진 픽셀/모듈러 디스플레이 톤이 서로 다른 방향을 바라봐 일관된 분위기를 만들기 어렵습니다.
대비·계층: 둘 다 디스플레이 계열이라 형태적 개성은 강하나 위계 대비(제목/본문)가 명확하지 않아 정보 구조가 흐려집니다.
추천 용도: 키치한 이벤트 포스터Z세대 타깃 SNS 카드뉴스팝업스토어 굿즈 그래픽유튜브 썸네일 단문

어울리는 영문 폰트

제목SatoshiGeistPlus Jakarta Sans

본문InterIBM Plex Sans

동까비의 둥글고 손맛 있는 제목 인상을 받쳐줄 모던 지오메트릭 산세리프를 매칭하고, 본문은 중립적이고 x-height가 안정적인 산세리프로 가독성을 보완합니다.

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

44~56px

24~30px

본문

15~17px

line-height

1.6

어울리는 색상

#ff5a36

#ffd23f

#fff8ec

어울리는 산업 톤

F&B 친근라이프스타일 캐주얼이벤트·팝업 키치

38제목 비트로 코어 · 본문 JS 동까비

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

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

+JS 동까비B=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

오늘은 픽셀 세계로 떠나요

비트로 코어는 큰 사이즈 제목에서 임팩트가 살지만, JS 동까비는 본래 디스플레이 폰트라 긴 본문에는 가독성이 떨어집니다.

분위기: 비트로 코어의 픽셀풍 디지털 인상과 JS 동까비의 손글씨풍 캐주얼 톤이 서로 다른 시대감을 풍겨 일관된 분위기를 만들기 어렵습니다.
대비·계층: 두 폰트 모두 개성이 강해 위계가 형성되기보다 시각적으로 충돌하며, 무게도 동일해 명확한 계층을 만들기 힘듭니다.
추천 용도: 레트로 게임 이벤트 포스터어린이 콘텐츠 표지팝업 스토어 배너유튜브 썸네일

어울리는 영문 폰트

제목Press Start 2PVT323Silkscreen

본문IBM Plex SansInter

비트로 코어의 픽셀·디지털 감성과 결이 맞는 도트·모노스페이스 영문을 제목에 두고, 본문은 중립적인 산세리프로 정보 전달을 보완합니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a2e

#ff5577

#f5f0e6

어울리는 산업 톤

키즈 콘텐츠레트로 게임팝업 이벤트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

/* 비트로 코어 또는 JS 동까비의 공식 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;
}