한글 페어링 · 큐레이션

비트로 코어+나눔고딕

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

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

A:비트로 코어· 제작 비트로|B:나눔고딕· 제작 네이버

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

평가 결과 · 2개 케이스

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

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

68제목 비트로 코어 · 본문 나눔고딕

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

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

+나눔고딕A=본문용

제작네이버상업 무료다운로드

오늘의 이야기를 천천히 읽어보세요

나눔고딕은 한국어 본문에 검증된 가독성을 갖춰 긴 글에 안정적이고, 비트로 코어는 짧은 헤드라인 단위에서 강한 시각 임팩트를 줍니다.

분위기: 비트로 코어의 각진 디스플레이 인상이 시선을 사로잡고, 나눔고딕의 단정한 본문이 정보를 차분히 받쳐주는 톤이 형성됩니다.
대비·계층: 디스플레이 vs 휴머니스트 산세리프의 구조 대비가 뚜렷해 제목과 본문의 위계가 명확히 구분됩니다.
추천 용도: 이벤트 랜딩페이지 본문브랜드 매거진 기사캠페인 상세 페이지공공 캠페인 안내문

어울리는 영문 폰트

제목GeistSatoshiManrope

본문InterIBM Plex Sans

본문 나눔고띱의 둥글고 인간적인 인상에는 Inter·IBM Plex Sans가 자연스럽고, 비트로 코어의 기하학적 디스플레이 톤에는 Geist·Satoshi의 모던한 라틴이 어울립니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#ff5a36

#f5efe6

어울리는 산업 톤

라이프스타일 매거진캠페인 크리에이티브이커머스 스토리텔링

42제목 나눔고딕 · 본문 비트로 코어

나눔고딕A=제목용

제작네이버상업 무료다운로드

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

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

오늘의 메뉴를 확인해보세요

나눔고딕은 제목으로 충분한 가독성을 확보하지만, 디스플레이 폰트인 비트로 코어를 본문에 쓰면 장문 읽기에서 피로가 급격히 누적됩니다.

분위기: 나눔고딕의 단정한 산세리프 인상과 비트로 코어의 각진 디스플레이 개성이 충돌해 톤이 분산됩니다. 제목은 무난한데 본문이 과하게 튀어 일관된 분위기 형성이 어렵습니다.
대비·계층: weight·스타일 대비는 존재하나 본문이 시각적으로 더 강해 정보 위계가 역전될 위험이 있고, 제목보다 본문에 시선이 먼저 가는 구조적 결함이 발생합니다.
추천 용도: 짧은 카드형 콘텐츠이벤트 배너 서브 카피굿즈·패키지 짧은 문구SNS 카드뉴스

어울리는 영문 폰트

제목InterIBM Plex SansHelvetica NeueManrope

본문Roboto MonoSpace Grotesk

나눔고딕은 중립적 산세리프라 Inter·IBM Plex Sans 같은 정제된 라틴과 무난히 합성됩니다. 비트로 코어의 디스플레이 성격에는 약간의 캐릭터가 있는 Space Grotesk가 톤을 맞춰줍니다.

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

32~40px

22~26px

본문

15~17px

line-height

1.7

어울리는 색상

#2b2b2b

#ff6b35

#f7f3ec

어울리는 산업 톤

F&B 친근이벤트 프로모션라이프스타일 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Nanum Gothic', sans-serif;
}