한글 페어링 · 큐레이션

노토 세리프 KR+본명조

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

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

A:노토 세리프 KR· 제작 구글·어도비|B:본명조· 제작 어도비·구글

→ 각 폰트 종합 가이드: 노토 세리프 KR 가이드·본명조 가이드

평가 결과 · 2개 케이스

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

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

45제목 노토 세리프 KR · 본문 본명조

노토 세리프 KRB=제목용

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

+본명조A=본문용

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

전통과 현대가 만나는 세리프의 우아함

본문용 본명조는 긴 글 읽기에 적합한 가독성을 갖추고 있으나, 제목으로 노토 세리프 KR을 사용할 경우 두 폰트의 x-height와 획 굵기 차이로 인해 시각적 위계 전환이 부자연스러움.

분위기: 두 폰트 모두 전통적이고 격식 있는 세리프 계열이지만, 본명조(Source Han Serif)의 섬세한 획과 노토 세리프 KR의 다소 무거운 구조로 인해 분위기 통일성이 약함. 같은 계열 내에서도 개성 차이가 뚜렷해 톤 일관성이 떨어짐.
대비·계층: 두 폰트 모두 세리프이고 유사한 무게 범위(200~900)를 가져 weight 대비만으로는 명확한 계층 구분이 어려움. 같은 weight에서도 구조적 차이가 미묘해 정보 위계 표현이 약함.
추천 용도: 학술 논문·교과서 (세리프 전통성)고전 문학·출판물 (격식 있는 분위기)뉴스레터·긴 형식 콘텐츠 (본문 가독성 활용)

어울리는 영문 폰트

제목EB GaramondMerriweatherLora

본문Source Serif ProIBM Plex Serif

본명조와 노토 세리프 KR의 전통적 세리프 성격을 보완하기 위해 고전적이고 우아한 세리프 영문 폰트를 권장. Source Serif Pro는 같은 Adobe 생태계로 통일성이 높음.

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

36~44px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2416

#8b7355

#f5f1ed

어울리는 산업 톤

출판·문학 클래식공공기관 신뢰성

45제목 본명조 · 본문 노토 세리프 KR

본명조A=제목용

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

+노토 세리프 KRB=본문용

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

한글 타이포그래피의 품격을 높이는 세리프 페어링

제목용 Source Han Serif는 충분히 눈에 띄지만, 본문용 Noto Serif KR도 serif 특성상 장문 가독성이 sans-serif 대비 낮으며, 두 serif 폰트 간 시각적 휴식이 부족하다.

분위기: 두 폰트 모두 전통적이고 격식 있는 serif 분위기를 공유하지만, Source Han Serif의 더 선명한 세리프와 Noto Serif KR의 부드러운 곡선이 미묘한 톤 차이를 만들어 일관성을 해친다.
대비·계층: 같은 serif 계열이므로 weight 차이만으로는 명확한 위계를 형성하기 어렵다. 제목에서 700~900, 본문에서 400을 사용해도 폰트 구조 자체가 유사해 대비가 약하다.
추천 용도: 학술 논문·보고서 (serif 일관성이 신뢰도 강화)고급 출판물·문학잡지 (전통적 톤 유지)공공기관 공식 문서 (격식 있는 분위기)

어울리는 영문 폰트

제목EB GaramondLoraSource Serif Pro

본문MerriweatherIBM Plex Serif

Source Han Serif와 Noto Serif KR 모두 serif 계열이므로, 영문도 serif 패밀리로 통일하면 일관성을 강화할 수 있다. EB Garamond는 고전적 우아함, Merriweather는 화면 가독성에 최적화되어 있다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2c2416

#8b7355

#f5f1ed

어울리는 산업 톤

출판·문학 전문공공기관 신뢰

구현 코드 · 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: 'Noto Serif KR', sans-serif;
}

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