한글 페어링 · 큐레이션

함초롬바탕+나눔 붓체

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

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

A:함초롬바탕· 제작 한컴|B:나눔 붓체· 제작 네이버

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·나눔 붓체 가이드

평가 결과 · 2개 케이스

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

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

42제목 나눔 붓체 · 본문 함초롬바탕

나눔 붓체B=제목용

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

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

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

전통과 현대가 만나는 따뜻한 공간입니다.

함초롬바탕은 본문 가독성이 우수하나, 나눔 붓체는 제목용으로 쓰기에 획 두께 변화가 크고 자간이 불규칙하여 긴 텍스트나 작은 사이즈에서 읽기 어렵습니다.

분위기: 함초롬바탕의 전통적이고 차분한 serif와 나눔 붓체의 자유로운 손글씨 감성이 충돌하여 일관된 톤을 형성하기 어렵습니다. 붓체의 캐주얼함이 바탕의 정중함을 약화시킵니다.
대비·계층: serif와 handwriting 간 구조적 대비는 명확하지만, 나눔 붓체의 weight 단일화(400만 존재)로 인해 제목-본문 간 위계 강조가 약합니다. 바탕의 700과 붓체 400의 대비도 시각적으로 불균형합니다.
추천 용도: 초대장·감성 에디토리얼 (붓체의 손글씨 감성 활용 시)카페·갤러리 브랜딩 (전통+예술성 톤)시 또는 명언 강조 (짧은 텍스트 제목만)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문Source SerifMerriweather

나눔 붓체의 손글씨 감성을 보완하려면 serif 계열의 우아한 영문 폰트가 필요합니다. Playfair Display의 고전적 우아함이 붓체의 예술성과 잘 어울리며, 본문은 함초롬바탕과 매칭되는 serif 영문이 적합합니다.

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

32~40px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#2b2520

#d4a574

#faf6f1

어울리는 산업 톤

전통 공예·문화 마케팅라이프스타일 매거진 (감성 에디토리얼)

35제목 함초롬바탕 · 본문 나눔 붓체

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

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

+나눔 붓체A=본문용

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

손글씨 감성과 전통의 만남은 어색하다.

나눔 붓체는 본문용 폰트로 부적합하다. 획이 불규칙하고 글자 간격이 일정하지 않아 긴 문장 읽기에 피로도가 높다. 함초롬바탕은 제목으로 사용 시 명조체의 세리프가 강조되어 화면에서 가독성이 떨어진다.

분위기: 나눔 붓체의 부드럽고 캐주얼한 손글씨 감성과 함초롬바탕의 전통적이고 격식 있는 명조체 이미지가 충돌한다. 분위기 일관성이 약하다.
대비·계층: weight 대비(400 vs 400/700)가 약하고, 필체 성격(손글씨 vs 정통 명조)이 극단적이어서 정보 위계가 혼란스럽다. 제목으로 함초롬바탕 700을 사용해도 손글씨 본문과의 대비가 명확하지 않다.
추천 용도: 감성적 일기장·개인 블로그 (매우 제한적)아동 교육 자료 (손글씨 친근감 활용 시)전통 문화 소개 페이지 (명조체 활용 시)

어울리는 영문 폰트

제목MerriweatherEB GaramondLora

본문CaveatIndie Flower

함초롬바탕 명조와 어울리는 serif 영문(Merriweather, EB Garamond)을 제목에, 나눔 붓체의 손글씨 감성을 살리려면 handwriting 영문(Caveat, Indie Flower)을 본문에 매칭하되, 두 폰트 조합 자체가 실무에서 권장되지 않으므로 참고용.

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

32~40px

20~24px

본문

14~16px

line-height

1.8

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

감성 라이프스타일 (매우 제한적)전통 공예·문화 (혼합 사용 시 부조화)

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Nanum Brush Script', sans-serif;
}