한글 페어링 · 큐레이션

비트로 코어+노토 세리프 KR

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

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

A:비트로 코어· 제작 비트로|B:노토 세리프 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 비트로 코어 가이드·노토 세리프 KR 가이드

평가 결과 · 2개 케이스

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

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

72제목 비트로 코어 · 본문 노토 세리프 KR

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

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

+노토 세리프 KRA=본문용

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

오래된 문장 사이로 새 감각이 스민다

노토 세리프 KR은 다양한 웨이트와 균형 잡힌 자형으로 긴 본문에 적합하며, 비트로 코어는 단일 웨이트지만 굵은 형태로 짧은 제목에서 시선을 강하게 끈다.

분위기: 노토 세리프 KR의 차분하고 정제된 본문 위에 비트로 코어의 각진 픽셀풍 제목이 얹히며, 고전과 디지털 감성이 교차하는 독특한 톤을 만든다.
대비·계층: 세리프 본문과 디스플레이 제목 간 양식 대비가 매우 크고, 본문 400과 제목의 강한 형태감이 위계를 또렷이 분리한다.
추천 용도: 인디 매거진 에세이 페이지전시·문화 콘텐츠 웹사이트브랜드 스토리 롱폼 아티클감각적인 단행본 본문 디자인

어울리는 영문 폰트

제목Space MonoJetBrains MonoGeist Mono

본문Source SerifEB GaramondLora

비트로 코어의 디지털·기하학적 인상에는 모노스페이스 영문이, 노토 세리프 KR 본문에는 균형 잡힌 영문 세리프가 자연스럽게 어울린다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#c9a96e

#f5efe6

어울리는 산업 톤

라이프스타일 매거진문화·예술 큐레이션독립 출판

42제목 노토 세리프 KR · 본문 비트로 코어

노토 세리프 KRA=제목용

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

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

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

고전과 도트, 시간의 경계에서

제목의 노토 세리프 KR은 획 대비가 분명해 긴 제목도 안정적으로 읽힙니다. 그러나 비트로 코어는 디스플레이 전용이라 본문에 사용하면 가독성이 크게 떨어집니다.

분위기: 노토 세리프 KR의 단정하고 고전적인 인상과 비트로 코어의 픽셀·레트로 디스플레이 감성이 서로 다른 시대감을 풍겨 톤 충돌이 발생합니다. 의도된 키치 콘셉트가 아니라면 일관성 확보가 어렵습니다.
대비·계층: 세리프 vs 픽셀 디스플레이 구조 대비는 강하지만, 이는 위계가 아닌 이질감으로 작용해 정보 계층이 산만해질 수 있습니다.
추천 용도: 레트로 콘셉트 포스터전시·이벤트 키비주얼Y2K 무드 굿즈 패키지한정판 브랜딩 캠페인

어울리는 영문 폰트

제목Source SerifEB GaramondPlayfair DisplayIBM Plex Serif

본문VT323Press Start 2P

노토 세리프 KR은 전통 세리프 라틴과 구조·웨이트가 자연스럽게 매칭되며, 비트로 코어는 픽셀·비트맵 계열 라틴과 합성해야 본문 톤이 일관됩니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#d4a574

#f5efe6

어울리는 산업 톤

레트로 컬처 브랜딩전시·문화 캠페인라이프스타일 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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