한글 페어링 · 큐레이션

구기+함초롬바탕

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

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

A:구기· 제작 윤디자인|B:함초롬바탕· 제작 한컴

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

평가 결과 · 2개 케이스

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

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

42제목 구기 · 본문 함초롬바탕

구기A=제목용

제작윤디자인상업 무료다운로드

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

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

따뜻한 손글씨로 옛날 이야기를 들려줄게요.

함초롬바탕은 본문 가독성이 우수하나, 구기는 디스플레이 폰트로 제목 크기에서만 효과적입니다. 두 폰트의 x-height와 획 굵기 차이가 커서 시각적 연결성이 약합니다.

분위기: 구기의 둥글고 친근한 곡선미와 함초롬바탕의 전통적이고 격식 있는 세리프 인상이 충돌합니다. 분위기 일관성이 약해 톤이 산만해 보일 수 있습니다.
대비·계층: 무게(weight) 대비는 명확하지만, 구조적 대비(곡선 vs 세리프)가 너무 강해 위계보다는 충돌이 두드러집니다. 제목과 본문이 같은 문서에 속한다는 느낌이 약합니다.
추천 용도: 아동·교육 콘텐츠 (구기의 친근함 활용)캐주얼 블로그·SNS (톤 불일치 감수 시)전통과 현대 대비를 의도한 실험적 디자인

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source SerifIBM Plex Serif

구기의 부드러운 곡선과 어울리는 현대적 산세리프(Manrope, Geist)를 제목에, 함초롬바탕의 세리프 전통성을 살리려면 고전적 영문 세리프(Source Serif, IBM Plex Serif)를 본문에 배치하되, 두 폰트 페어 자체의 분위기 불일치를 보완하기 위해 영문 페어는 더 통일된 톤을 선택하는 것이 권장됩니다.

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

48~64px

28~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

아동·교육 따뜻함전통 수공예 감성

28제목 함초롬바탕 · 본문 구기

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

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

+구기A=본문용

제작윤디자인상업 무료다운로드

따뜻한 감정과 신뢰를 함께 전하는 디자인

구기는 display 폰트로 제목용 설계되어 본문 장문 읽기에 부적합하며, 함초롬바탕은 세리프 바탕체로 제목용으로는 시각적 임팩트가 약합니다. 역할 배치가 각 폰트의 강점을 살리지 못합니다.

분위기: 구기의 장난스럽고 캐주얼한 분위기와 함초롬바탕의 전통적이고 격식 있는 세리프 톤이 충돌합니다. 두 폰트가 추구하는 감정선이 상반되어 일관된 브랜드 정체성을 형성하기 어렵습니다.
대비·계층: 두 폰트 모두 400 weight 기본값으로 제목-본문 간 명확한 무게 대비가 부족하며, 구기의 둥근 형태와 함초롬바탕의 직선적 세리프 구조 차이만으로는 정보 위계를 충분히 표현할 수 없습니다.
추천 용도: 아동·유아 교육 콘텐츠 (구기의 친근함만 활용, 함초롬바탕 제외)캐주얼 인포그래픽 (혼합 사용 시 톤 충돌 주의)전통 출판물 (함초롬바탕만 적합, 구기 부적합)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source SerifIBM Plex Serif

구기를 본문으로 사용할 경우 영문도 display 성향의 sans-serif(Manrope)를 선택하되, 함초롬바탕과의 혼합은 피하고 함초롬바탕만 사용한다면 세리프 영문(Source Serif)으로 일관성을 유지하는 것이 권장됩니다.

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

48~56px

28~32px

본문

16~18px

line-height

1.6

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

아동 교육 친근함전통 출판 격식

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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