한글 페어링 · 큐레이션

비트로 프라이드+나눔명조 옛한글

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

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

A:비트로 프라이드· 제작 비트로|B:나눔명조 옛한글· 제작 네이버

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·나눔명조 옛한글 가이드

평가 결과 · 2개 케이스

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

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

42제목 비트로 프라이드 · 본문 나눔명조 옛한글

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

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

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

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

옛글씨의 아름다움을 현대에 되살리다

나눔명조 옛한글은 본문 가독성이 우수하나, 비트로 프라이드는 display 폰트로 제목용 강조에는 적합하지만 무게감 있는 serif 본문과의 시각적 균형이 맞지 않습니다.

분위기: 나눔명조 옛한글의 고전적·전통적 인상과 비트로 프라이드의 현대적·장식적 성격이 충돌하여 일관된 톤을 형성하기 어렵습니다. 역사성과 미래성의 대비가 과도합니다.
대비·계층: serif 본문과 display 제목 간 구조적 대비는 존재하지만, 전통 명조체와 현대 장식 폰트의 스타일 차이가 명확한 정보 위계보다는 시각적 부조화를 만듭니다.
추천 용도: 전통문화·역사 콘텐츠 (옛한글 강조 시)학술·고전문학 출판 (제목 장식 최소화 필요)박물관·문화유산 웹사이트 (신중한 제목 선택)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문Source SerifIBM Plex Serif

나눔명조 옛한글의 전통적 serif 특성을 존중하되, 제목은 serif 계열 우아한 폰트(Playfair Display)로 통일하여 분위기 일관성을 높입니다. 비트로 프라이드 대신 serif 디스플레이 폰트가 더 적합합니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2c2416

#8b7355

#f5f1ed

어울리는 산업 톤

전통문화·역사학술·출판

32제목 나눔명조 옛한글 · 본문 비트로 프라이드

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

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

+비트로 프라이드A=본문용ⓘ 미리보기는 프리텐다드

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

현대와 전통이 어색하게 만나는 페어링입니다.

비트로 프라이드는 display 폰트로 설계되어 긴 본문 읽기에 부적합하며, 나눔명조 옛한글은 제목으로 사용하기에 serif의 무게감이 과하고 옛한글 자형이 현대 제목 위계를 방해합니다.

분위기: 비트로 프라이드의 현대적·장식적 감성과 나눔명조 옛한글의 전통·고전적 인상이 충돌하여 일관된 톤을 형성하지 못합니다. 디스플레이 폰트를 본문으로 사용하려는 시도 자체가 가독성과 위계를 해칩니다.
대비·계층: 두 폰트 모두 400 weight로 동일하여 제목과 본문 간 명확한 대비가 없으며, 분류(display vs serif)의 차이만으로는 정보 위계를 충분히 구분하지 못합니다.
추천 용도: 옛한글·고전문학 특수 출판 (매우 제한적)실험적 아트북 또는 갤러리 카탈로그 (의도된 불화)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문Source Serif ProMerriweather

나눔명조 옛한글의 전통 serif 성격을 살리려면 고전적 serif 영문 폰트가 필요하며, 비트로 프라이드 대신 serif 본문 폰트(Source Serif Pro 등)로 교체하여 일관성을 확보해야 합니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2c2416

#8b7355

#f5efe6

어울리는 산업 톤

고전·전통 출판박물관·문화유산

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* 비트로 프라이드 또는 나눔명조 옛한글의 공식 CDN이 없어 Pretendard로 fallback 처리 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css');

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

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