한글 페어링 · 큐레이션

함초롬바탕+주아

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

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

A:함초롬바탕· 제작 한컴|B:주아· 제작 우아한형제들

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·주아 가이드

평가 결과 · 2개 케이스

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

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

42제목 주아 · 본문 함초롬바탕

주아B=제목용

제작우아한형제들상업 무료다운로드

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

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

옛날의 따뜻한 이야기를 새롭게 들려드립니다.

함초롬바탕은 긴 본문 읽기에 충분히 적합한 serif이다. 다만 주아는 display 폰트로 제목용으로는 눈에 띄지만 무게감이 부족하고 serif 본문과의 시각적 균형이 맞지 않는다.

분위기: 함초롬바탕의 전통적이고 차분한 serif 인상과 주아의 장난스럽고 캐주얼한 display sans가 톤 충돌을 일으킨다. 본문-제목 계층 구분은 명확하지만 전체 분위기의 일관성이 약하다.
대비·계층: serif vs sans-display 구조로 대비는 명확하나, 주아의 단일 weight(400)로는 serif 본문의 400/700과 충분한 위계 차이를 만들기 어렵다. 제목으로서 무게감이 약하다.
추천 용도: 아동·교육 콘텐츠 (주아의 친근함)캐주얼 블로그·개인 출판물 (톤 충돌 감수 시)전통+현대 혼합 브랜딩 (의도적 대조 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문Source SerifLora

함초롬바탕의 전통적 serif 본문에는 Source Serif나 Lora 같은 고전적 serif가 자연스럽다. 주아와 페어링하려면 Manrope·Plus Jakarta Sans 같은 모던 sans가 주아의 캐주얼함을 보완하되, serif 본문과의 충돌을 최소화한다.

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

36~44px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

아동·교육 따뜻함캐주얼 라이프스타일

35제목 함초롬바탕 · 본문 주아

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

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

+주아B=본문용

제작우아한형제들상업 무료다운로드

전통과 현대의 어색한 만남

주아는 display 폰트로 본문 가독성이 낮고, 긴 문장 읽기에 부적합합니다. 함초롬바탕 제목도 serif의 세리프가 작은 크기에서 명확하지 않아 제목으로서의 임팩트가 약합니다.

분위기: 함초롬바탕의 전통적·격식 있는 serif 인상과 주아의 장난스럽고 캐주얼한 display sans가 충돌하며, 일관된 톤을 형성하지 못합니다.
대비·계층: 두 폰트의 구조적 대비(serif vs sans)는 있으나, 주아의 display 특성과 함초롬바탕의 본문용 serif 특성이 위계 역할 분담에 맞지 않아 정보 계층이 혼란스럽습니다.
추천 용도: 아동용 교육 콘텐츠 (주아의 캐주얼함이 어린이 친화적일 수 있음)캐주얼한 이벤트 포스터 (격식을 버린 경우)실험적 그래픽 디자인 (대비의 충돌을 의도적으로 활용)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문Source SerifIBM Plex Serif

함초롬바탕의 격식 있는 serif 특성을 강화하려면 우아한 serif 영문 폰트가 필요하며, 주아 대신 본문용으로는 가독성 높은 serif를 권장합니다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

전통 문화 매체 (격식 강조 시)실험적 아트·디자인 (충돌을 활용)

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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