한글 페어링 · 큐레이션

비트로 코어+노토 산스 KR

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

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

A:비트로 코어· 제작 비트로|B:노토 산스 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 비트로 코어 가이드·노토 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

78제목 비트로 코어 · 본문 노토 산스 KR

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

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

+노토 산스 KRA=본문용

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

읽는 사람을 먼저 생각한 본문입니다

노토 산스 KR은 다국어 본문에서 검증된 가독성을 제공하며, 비트로 코어는 단문 제목에서 강한 시각적 임팩트를 발휘한다.

분위기: 노토 산스 KR의 차분하고 중립적인 본문이 비트로 코어의 각진 디스플레이 제목을 안정적으로 받쳐, 모던하면서 실험적인 톤을 만든다.
대비·계층: 기하학적 디스플레이 제목과 균질한 본문 사이에 형태 대비가 뚜렷해 정보 위계가 명확히 잡힌다.
추천 용도: 스타트업 브랜드 소개 페이지 본문기술 블로그 장문 콘텐츠제품 매뉴얼·가이드 문서UX 리서치 리포트

어울리는 영문 폰트

제목GeistManropeSpace Grotesk

본문InterIBM Plex Sans

노토 산스 KR 본문은 Inter·IBM Plex Sans의 중립적 라틴과 x-height가 잘 맞고, 비트로 코어 제목은 Geist·Space Grotesk의 기하학적 인상과 동조한다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#ff5a36

#f5f3ee

어울리는 산업 톤

스타트업 임팩트B2B SaaS테크 미디어

58제목 노토 산스 KR · 본문 비트로 코어

노토 산스 KRA=제목용

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

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

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

픽셀의 감성, 오늘의 새로움을 전합니다

제목의 노토 산스 KR은 다양한 웨이트로 또렷한 위계를 만들지만, 본문에 디스플레이 성격의 비트로 코어를 쓰면 긴 글에서는 피로감이 큽니다.

분위기: 노토 산스 KR의 중립적이고 정제된 인상과 비트로 코어의 각진 픽셀풍 디스플레이가 만나 차분한 베이스 위에 레트로 포인트가 얹힌 톤을 만듭니다.
대비·계층: 산세리프 정형 제목과 픽셀형 디스플레이 본문은 형태 대비가 강해 시각적 차별화는 명확하나, 본문 역할로서의 안정성은 떨어집니다.
추천 용도: 게이밍·서브컬처 랜딩 페이지이벤트·프로모션 배너Z세대 타깃 SNS 카드뉴스레트로 무드 굿즈 패키지

어울리는 영문 폰트

제목InterIBM Plex SansManropePretendard Latin

본문VT323Press Start 2P

제목 노토 산스 KR에는 구조가 닮은 모던 산세리프가 자연스럽고, 본문 비트로 코어에는 픽셀·도트 계열 라틴이 톤을 일치시킵니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#ff5a36

#f5efe6

어울리는 산업 톤

게이밍·서브컬처Z세대 라이프스타일레트로 이커머스

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'Pretendard Variable', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'Noto Sans KR', sans-serif;
}