한글 페어링 · 큐레이션

함초롬바탕+잘난체

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

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

A:함초롬바탕· 제작 한컴|B:잘난체· 제작 야놀자

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·잘난체 가이드

평가 결과 · 2개 케이스

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

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

42제목 잘난체 · 본문 함초롬바탕

잘난체B=제목용

제작야놀자상업 무료다운로드

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

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

따뜻한 봄날, 새로운 이야기를 시작하다.

함초롬바탕은 본문 serif로 우수한 가독성을 제공하지만, 잘난체는 display 폰트로 제목용 weight 부족(400만 제공)과 불규칙한 글자 높이로 인해 정보 위계 표현이 약하다.

분위기: 함초롬바탕의 고전적·차분한 serif 인상과 잘난체의 캐주얼·장난스러운 display 톤이 충돌한다. 분위기 일관성이 약하다.
대비·계층: serif vs sans 구조적 대비는 명확하지만, 잘난체의 단일 weight(400)와 함초롬바탕의 400/700 조합으로 인해 제목-본문 간 시각적 무게감 차이가 불충분하다.
추천 용도: 캐주얼 블로그·개인 매거진 (분위기 충돌 감수 시)아동·교육 콘텐츠 (잘난체의 친근함 활용)비권장: 공식 출판물, B2B 문서, 뉴스 사이트

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source SerifEB Garamond

함초롬바탕의 serif 본문에는 고전적 serif(Source Serif, EB Garamond)가 자연스럽고, 제목용 잘난체의 캐주얼함을 보완하려면 현대적 sans(Manrope, Geist)의 기하학적 구조가 균형을 맞춘다.

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

32~40px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#2d2d2d

#d4a574

#f9f7f4

어울리는 산업 톤

라이프스타일 매거진교육 콘텐츠

35제목 함초롬바탕 · 본문 잘난체

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

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

+잘난체B=본문용

제작야놀자상업 무료다운로드

전통과 현대의 어색한 만남

함초롬바탕은 제목용 serif로 적합하나, 잘난체는 display 폰트로 본문 가독성이 매우 낮습니다. 긴 본문 텍스트에는 부적절합니다.

분위기: 함초롬바탕의 전통적이고 차분한 serif 인상과 잘난체의 캐주얼하고 장난스러운 display 성격이 충돌합니다. 분위기 일관성이 부족합니다.
대비·계층: serif vs sans-display 조합으로 시각적 대비는 명확하지만, 무게감 차이(400 vs 400)와 분류 특성의 불일치로 정보 위계가 혼란스럽습니다.
추천 용도: 장난스러운 이벤트 포스터 (제목만 활용)캐주얼 브랜드 로고 + 짧은 태그라인어린이·청소년 대상 단편 콘텐츠

어울리는 영문 폰트

제목Playfair DisplayLoraEB Garamond

본문Source Sans ProInter

함초롬바탕의 serif 우아함을 강화하려면 Playfair Display 같은 고전적 serif를, 잘난체의 캐주얼함을 살리려면 친근한 sans가 필요합니다. 두 폰트 조합 자체는 권장하지 않으므로 각각 독립적 영문 페어를 제시합니다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

전통 출판·문화캐주얼 라이프스타일

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Jalnan/subsets/Jalnan-dynamic-subset.css');

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

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