한글 페어링 · 큐레이션

비트로 코어+JS 동까비

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

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

제작정스튜디오상업 무료

모던한 감성의 따뜻한 브랜드 이야기

두 폰트 모두 display 용도로 설계되어 긴 본문 텍스트 가독성이 떨어집니다. JS 동까비의 손글씨 특성상 소문자·숫자 판독성이 제목용 본문보다 낮으며, 비트로 코어도 본문용 폰트로는 부적절합니다.

분위기: 비트로 코어의 기하학적 모던함과 JS 동까비의 친근한 손글씨 감성이 충돌하여 일관된 톤을 형성하지 못합니다. 두 폰트 모두 display 분류지만 시각적 성격이 상이합니다.
대비·계층: weight가 동일(400)하고 두 폰트 모두 display 계열이라 명확한 위계 대비가 부족합니다. 제목과 본문 간 시각적 차별성이 미약하여 정보 구조 전달이 약합니다.
추천 용도: 포스터·배너 같은 단문 디스플레이 (두 폰트 혼용 시 혼란 위험)브랜드 로고·타이틀 (단독 사용 권장)비권장: 웹사이트 본문, 긴 편집물, UI 텍스트

어울리는 영문 폰트

제목ManropeGeistPlus Jakarta Sans

본문InterSource Sans Pro

비트로 코어의 기하학적 모던함을 보완하려면 Manrope·Geist 같은 현대적 sans-serif가 어울리고, JS 동까비의 친근함을 살리려면 따뜻한 Inter·Source Sans Pro가 적합합니다. 다만 두 한글 폰트를 함께 쓰면 영문 폰트 선택도 일관성 있기 어렵습니다.

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

48~64px

32~40px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#e74c3c

#f5f1ed

어울리는 산업 톤

스타트업 임팩트라이프스타일 매거진

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

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

제작정스튜디오상업 무료

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

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

새로운 감각의 디자인을 경험하세요.

Bitro Core는 기하학적 구조로 인해 긴 본문 읽기에 부적합하며, JS 동까비도 display 폰트로 장문 가독성이 낮습니다. 본문용 폰트로 적합한 선택이 아닙니다.

분위기: JS 동까비의 부드럽고 친근한 곡선미와 Bitro Core의 기하학적 모던함이 충돌하여 일관된 톤을 형성하지 못합니다. 두 폰트 모두 display 용도로 설계되어 본문 가독성이 부족합니다.
대비·계층: 두 폰트 모두 weight 400으로 동일하여 제목과 본문 간 시각적 위계가 약합니다. 곡선형과 기하형의 구조 대비는 있으나 무게감 차이가 없어 정보 계층이 모호합니다.
추천 용도: 짧은 카피·슬로건 조합 (포스터, 배너)디스플레이 중심 매거진 표지제목-부제목 2단계 구성 (본문 제외)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

JS 동까비의 친근함을 보완하려면 Manrope의 따뜻한 기하학이, Bitro Core의 모던함을 살리려면 Geist의 미니멀 구조가 적합합니다. 본문은 중성적 가독성의 Inter나 Source Sans Pro를 권장합니다.

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

48~64px

32~40px

본문

14~16px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b6b

#f5f5f0

어울리는 산업 톤

스타트업 임팩트라이프스타일 매거진

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