한글 페어링 · 큐레이션

함초롬바탕+이순신체

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

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

A:함초롬바탕· 제작 한컴|B:이순신체· 제작 아산시

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

평가 결과 · 2개 케이스

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

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

42제목 이순신체 · 본문 함초롬바탕

이순신체A=제목용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

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

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

이순신 장군의 리더십을 배우다

이순신체는 제목용으로 개성 있고 눈에 띄지만, 필기체 특성상 긴 제목에서 가독성이 떨어질 수 있다. 함초롬바탕은 본문 가독성이 우수하나 제목과의 위계 대비가 약하다.

분위기: 이순신체의 필기체 감성과 함초롬바탕의 전통 명조체가 분위기 충돌을 일으킨다. 손글씨의 개성과 정형화된 활자의 조화가 어색하며, 일관된 톤을 형성하기 어렵다.
대비·계층: 두 폰트 간 스타일 대비(필기체 vs 명조체)는 명확하지만, 무게감 차이가 부족하여 정보 위계가 뚜렷하지 않다. 제목의 강조감이 충분하지 않다.
추천 용도: 아산 지역 문화·역사 관련 출판물 (지역 정체성 강조)전통 한글 교육 자료 (필기체 학습 보조)편집 디자인에서 악센트 요소 (제목 일부만 사용)

어울리는 영문 폰트

제목GeistManropePlus Jakarta Sans

본문Source SerifIBM Plex Serif

이순신체의 필기감을 보완하려면 현대적 산세리프(Geist, Manrope)가 제목에 어울리고, 함초롬바탕의 명조 특성을 살리려면 세리프 영문 폰트(Source Serif, IBM Plex Serif)가 본문에 적합하다.

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

36~44px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

지역문화·역사 교육전통 한글 매체

35제목 함초롬바탕 · 본문 이순신체

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

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

+이순신체B=본문용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

이순신 장군의 위대한 승리를 기념합니다.

함초롬바탕은 제목용 serif로 충분히 강렬하나, 이순신체는 handwriting 폰트로서 본문 긴 글 읽기에 부적합. 손글씨 특성상 자간·행간 불규칙이 가독성을 심각하게 해침.

분위기: 함초롬바탕의 전통적이고 격식 있는 serif 인상과 이순신체의 손글씨 감성이 충돌하여 일관된 톤을 형성하지 못함. 역사·공식성과 캐주얼함이 혼재되어 브랜드 정체성이 모호해짐.
대비·계층: serif(제목)와 handwriting(본문) 간 분류 대비는 극단적이나, 이는 명확한 위계보다 '어울리지 않는 혼합'으로 인식됨. weight 대비만으로는 부족.
추천 용도: 소수 문장 강조 (포스터·현수막의 악센트 텍스트만)역사·문화 기관 공식 문서 (제목만 사용, 본문은 별도 폰트)아산시 공공 캠페인 (지역성 강조 시 제한적)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문InterSource Sans Pro

함초롬바탕의 serif 격식성을 보완하려면 serif 영문(Playfair, EB Garamond)이 통일감을 줌. 본문은 handwriting 대신 sans-serif(Inter, Source Sans Pro)로 교체하여 가독성을 확보해야 함.

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

36~48px

20~24px

본문

16~18px

line-height

1.7

어울리는 색상

#2c2c2c

#c41e3a

#f5f1ed

어울리는 산업 톤

공공기관 전통역사·문화 교육

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* 함초롬바탕 또는 이순신체의 공식 CDN이 없어 Pretendard로 fallback 처리 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css');

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

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