한글 페어링 · 큐레이션

함초롬바탕+본명조

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

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

A:함초롬바탕· 제작 한컴|B:본명조· 제작 어도비·구글

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·본명조 가이드

평가 결과 · 2개 케이스

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

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

68제목 본명조 · 본문 함초롬바탕

본명조A=제목용

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

+함초롬바탕B=본문용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

오래된 문장이 새벽을 천천히 깨운다

본명조는 다양한 굵기로 제목에서 안정적인 가독성을 확보하며, 함초롬바탕은 한국어 본문 조판에 최적화되어 긴 글에서도 피로감이 적습니다.

분위기: 본명조의 정제된 현대 명조와 함초롬바탕의 전통적 한글 바탕체가 만나 차분하고 문학적인 인상을 형성합니다. 두 폰트 모두 세리프 계열이라 톤은 일관되지만 다소 단조로울 수 있습니다.
대비·계층: 동일한 세리프 분류라 형태 대비는 약하지만, 본명조 700~900과 함초롬바탕 400의 굵기 차이로 위계는 충분히 구분됩니다. 스타일 대비 부족이 점수 감점 요인입니다.
추천 용도: 문학·인문 도서 본문 조판에디토리얼 매거진전통문화·박물관 큐레이션에세이형 브랜드 저널학술 출판물

어울리는 영문 폰트

제목Source SerifEB GaramondPlayfair DisplayIBM Plex Serif

본문Source SerifLora

본명조는 Adobe Source 패밀리의 일원이라 Source Serif와 구조·웨이트가 자연스럽게 매칭되며, EB Garamond·Playfair는 문학적 톤을 보강합니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#a8896a

#f5efe6

어울리는 산업 톤

출판 문학라이프스타일 매거진전통문화 큐레이션교육 따뜻

62제목 함초롬바탕 · 본문 본명조

함초롬바탕B=제목용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

+본명조A=본문용

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

오래된 문장 속에 우리의 마음이 머문다

본명조는 다양한 웨이트와 균일한 글자폭으로 긴 글 읽기에 우수하다. 함초롬바탕은 제목 크기에서 또렷이 읽히지만 같은 명조 계열이라 위계 구분이 약해질 수 있다.

분위기: 본명조가 차분한 본문의 결을 만들고 함초롬바탕이 한국 고전 출판물 특유의 정서를 더해 동양적 서정이 흐르는 톤을 형성한다.
대비·계층: 둘 다 세리프 계열이라 형태 대비가 약하며, 함초롬바탕의 700 굵기와 본명조 400의 굵기 차로 위계를 만들되 사이즈 차이를 충분히 두어야 한다.
추천 용도: 문학·에세이 출판물전통문화 매거진장문 칼럼 웹페이지독립서점 도서 내지인문학 강연 자료

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource Serif

본문Source SerifMerriweather

본명조의 골격은 Source Serif와 동일 패밀리 구조라 본문 합성에 자연스럽고, 제목엔 고전적 인상의 Garamond·Playfair가 함초롬바탕의 전통 정서와 어울린다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2422

#8b7355

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