한글 페어링 · 큐레이션

나눔명조 옛한글+노토 세리프 KR

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

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

A:나눔명조 옛한글· 제작 네이버|B:노토 세리프 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 나눔명조 옛한글 가이드·노토 세리프 KR 가이드

평가 결과 · 2개 케이스

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

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

82제목 나눔명조 옛한글 · 본문 노토 세리프 KR

나눔명조 옛한글A=제목용ⓘ 미리보기는 프리텐다드

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

+노토 세리프 KRB=본문용

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

옛 글자에 깃든 시간의 결을 읽다

나눔명조 옛한글은 제목에서 고전적 운치를 강하게 드러내며, 노토 세리프 KR은 다양한 웨이트로 긴 본문에서도 안정적인 가독성을 확보합니다.

분위기: 나눔명조 옛한글의 고풍스러운 획과 노토 세리프 KR의 정제된 현대 명조가 어우러져 전통과 동시대 감성을 잇는 차분한 톤을 형성합니다.
대비·계층: 같은 세리프 계열이라 형태 대비는 약하지만, 제목 옛한글의 장식성과 본문 노토의 중립적 인상 차이로 위계가 형성됩니다. 제목을 더 큰 사이즈로 두고 본문은 400 웨이트로 분리하는 것이 좋습니다.
추천 용도: 고전 문학 단행본박물관·전시 도록문화재 아카이브 웹사이트전통 브랜드 브로슈어역사·인문 매거진

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource Serif

본문Source SerifLora

고전적 인상의 올드스타일 세리프가 옛한글의 붓맛과 어울리며, 본문은 화면 가독성이 검증된 Source Serif·Lora가 노토 세리프 KR과 자연스럽게 합성됩니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2622

#8b6f4e

#f5efe6

어울리는 산업 톤

문화·예술 아카이브출판 인문전통 라이프스타일공공 문화재

62제목 노토 세리프 KR · 본문 나눔명조 옛한글

노토 세리프 KRA=제목용

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

+나눔명조 옛한글B=본문용ⓘ 미리보기는 프리텐다드

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

옛 문장을 오늘의 활자로 다시 새기다

노토 세리프 KR은 다양한 웨이트로 제목 위계를 또렷이 세우고, 나눔명조 옛한글은 옛한글 자모 지원 덕에 고전 텍스트 본문에서 안정적으로 읽힙니다.

분위기: 노토 세리프 KR이 주도하는 정제된 출판물의 격조에 나눔명조 옛한글의 고전적 정서가 더해져 학술·고전 문헌의 무게감 있는 톤을 형성합니다.
대비·계층: 두 폰트가 모두 명조 계열이라 스타일 대비는 약하지만, 노토 세리프 KR의 700~900 굵기로 충분한 위계 차이를 확보할 수 있습니다.
추천 용도: 고전 문학 단행본 표지·본문국학·한문학 학술지박물관 전시 도록 제목역사 콘텐츠 매거진 헤드라인

어울리는 영문 폰트

제목Source SerifEB GaramondPlayfair DisplayIBM Plex Serif

본문Source SerifLora

노토 세리프 KR의 안정된 세리프 구조는 동일 계열의 클래식 라틴 세리프와 합성할 때 위계와 톤이 자연스럽게 이어집니다.

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

40~52px

26~30px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#8b5a2b

#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;
}