한글 페어링 · 큐레이션

비트로 코어+나눔스퀘어 네오

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

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

A:비트로 코어· 제작 비트로|B:나눔스퀘어 네오· 제작 네이버

→ 각 폰트 종합 가이드: 비트로 코어 가이드·나눔스퀘어 네오 가이드

평가 결과 · 2개 케이스

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

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

74제목 비트로 코어 · 본문 나눔스퀘어 네오

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

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

+나눔스퀘어 네오A=본문용

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

오늘의 작은 변화가 내일을 만듭니다

나눔스퀘어 네오는 균형 잡힌 자족과 5단계 웨이트로 긴 본문 가독성이 우수하며, 비트로 코어는 단일 웨이트지만 큰 사이즈 제목으로 쓰면 인지가 빠르다.

분위기: 나눔스퀘어 네오의 깔끔하고 모던한 본문 인상에, 비트로 코어의 개성 있는 디스플레이 제목이 포인트로 작용해 신선한 톤을 만든다.
대비·계층: 기하학적 모던 산세리프 본문과 장식적 디스플레이 제목 간 형태 대비가 강해 정보 위계가 또렷이 구분된다.
추천 용도: 스타트업 랜딩 페이지 본문이벤트 페이지 카피브랜드 매거진 인터뷰캠페인 마이크로사이트SNS 카드뉴스 본문

어울리는 영문 폰트

제목SatoshiGeistPlus Jakarta SansManrope

본문InterIBM Plex SansSource Sans Pro

나눔스퀘어 네오의 정돈된 골격에는 Inter·IBM Plex Sans처럼 중립적 산세리프가 자연스럽고, 비트로 코어 제목에는 약간의 개성과 위트가 있는 Satoshi·Geist가 톤을 맞춰준다.

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

36~44px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#1f2937

#f59e0b

#f8f5ef

어울리는 산업 톤

스타트업 임팩트라이프스타일 매거진이커머스 깔끔

58제목 나눔스퀘어 네오 · 본문 비트로 코어

나눔스퀘어 네오A=제목용

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

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

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

오늘도 가볍게, 새로운 하루를 시작해요

제목용 나눔스퀘어 네오는 다양한 웨이트로 시선을 잡고, 본문에 디스플레이 폰트인 비트로 코어를 쓰면 긴 문장 가독성은 떨어지므로 짧은 캡션·강조 문구로 한정하는 것이 좋다.

분위기: 나눔스퀘어 네오의 정돈된 모던함이 비트로 코어의 둥글고 캐주얼한 인상과 만나 친근하면서도 위계가 살아 있는 톤을 만든다.
대비·계층: 기하학적 산세리프 제목과 둥근 디스플레이 본문의 형태 차이가 분명해 위계는 잘 구분되지만, 본문 길이가 길어지면 톤이 어수선해질 수 있다.
추천 용도: 이벤트 랜딩 페이지브랜드 캠페인 KVSNS 카드뉴스F&B 메뉴 디자인프로모션 배너

어울리는 영문 폰트

제목InterManropePlus Jakarta SansGeist

본문SatoshiPretendard Latin

나눔스퀘어 네오의 기하학적 골격과 잘 맞는 모던 산세리프 라틴을 매칭해 제목 위계를 자연스럽게 잇고, 캐주얼한 비트로 코어의 라틴 보강은 형태가 부드러운 산세리프로 처리한다.

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

36~44px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#2d4fe3

#ffb84d

#f5f6fa

어울리는 산업 톤

F&B 친근이커머스 깔끔라이프스타일 매거진스타트업 임팩트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumSquareNeo/subsets/NanumSquareNeo-dynamic-subset.css');

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

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