한글 페어링 · 큐레이션

함초롬바탕+김유이체

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

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

A:함초롬바탕· 제작 한컴|B:김유이체· 제작 김유이

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

평가 결과 · 2개 케이스

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

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

42제목 김유이체 · 본문 함초롬바탕

김유이체B=제목용

제작김유이상업 무료

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

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

따뜻한 봄날, 새로운 시작을 꿈꾼다.

함초롬바탕은 본문 가독성이 우수하나, 김유이체는 손글씨 특성상 제목으로 사용 시 긴 문장이나 복잡한 정보 전달에서 가독성이 떨어진다. 단문 제목에만 제한적 사용 가능.

분위기: 함초롬바탕의 전통적·격식 있는 세리프와 김유이체의 캐주얼한 손글씨 톤이 충돌하여 일관된 브랜드 분위기를 형성하기 어렵다. 제목-본문 간 감정 거리가 크다.
대비·계층: 세리프(본문) vs 핸드라이팅(제목) 간 구조적 대비는 명확하지만, 무게감 차이가 부족하다. 김유이체가 400 단일 무게로 제목 위계 강조가 약하다.
추천 용도: 개인 블로그·에세이 (감성적 톤 강조 필요 시)감성 출판물·문학 잡지 (짧은 제목)핸드메이드·수공예 브랜드 (제목이 매우 짧은 경우)

어울리는 영문 폰트

제목CaveatPacificoSatisfy

본문MerriweatherEB Garamond

김유이체의 캐주얼 핸드라이팅 톤과 맞추려면 Caveat·Pacifico 같은 스크립트 폰트가 자연스럽다. 본문은 함초롬바탕의 전통성을 살리기 위해 Merriweather 같은 클래식 세리프가 적합하다.

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

32~40px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#3d3d3d

#c9a876

#f9f7f4

어울리는 산업 톤

감성 출판·문학라이프스타일 매거진

35제목 함초롬바탕 · 본문 김유이체

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

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

+김유이체A=본문용

제작김유이상업 무료

따뜻한 마음으로 시작하는 새로운 이야기

김유이체는 필기체 특성상 긴 본문 읽기에 피로도가 높고, 함초롬바탕 제목은 무게 대비(400/700)가 제한적이어서 명확한 위계 신호를 주지 못한다.

분위기: 김유이체의 부드럽고 개인적인 필기감과 함초롬바탕의 전통적·공식적 세리프 톤이 충돌하여 일관된 분위기를 형성하기 어렵다. 한글 타이포그래피에서 handwriting + serif 조합은 톤 불일치로 인한 어색함이 크다.
대비·계층: 두 폰트 간 구조적 대비(필기 vs 세리프)는 존재하지만, 모두 400 기본 무게에서 시작하므로 제목 강조 효과가 약하다. 함초롬바탕 700을 사용해도 handwriting의 가변성으로 인해 위계가 모호해진다.
추천 용도: 개인 블로그·일기 (감정 표현 우선)초대장·감성 인쇄물 (짧은 문장만)어린이 교육 자료 (제한적 용도)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문InterSource Sans Pro

함초롬바탕의 전통 세리프 톤을 강화하려면 고전적 디스플레이 세리프(Playfair Display, EB Garamond)가 적합하고, 김유이체 본문과의 불화를 완화하려면 중립적 sans-serif(Inter, Source Sans Pro)로 영문을 처리하는 것이 차선책이다.

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

36~44px

20~24px

본문

15~17px

line-height

1.7

어울리는 색상

#2d2d2d

#d4a574

#faf8f3

어울리는 산업 톤

감성 라이프스타일개인 창작 플랫폼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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