한글 페어링 · 큐레이션

카페24 단정해+함초롬바탕

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

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

A:카페24 단정해· 제작 카페24|B:함초롬바탕· 제작 한컴

→ 각 폰트 종합 가이드: 카페24 단정해 가이드·함초롬바탕 가이드

평가 결과 · 2개 케이스

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

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

74제목 카페24 단정해 · 본문 함초롬바탕

카페24 단정해B=제목용

제작카페24상업 무료다운로드

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

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

오늘의 문장은 마음에 오래 남는다

함초롬바탕은 한국어 본문에 최적화된 명조 계열로 긴 글 가독성이 뛰어나며, 카페24 단정해는 둥글고 명료한 형태로 짧은 제목에서 시선을 잘 끈다.

분위기: 함초롬바탕의 단정하고 정갈한 본문 위에 카페24 단정해의 손글씨 같은 부드러운 제목이 얹혀, 따뜻하면서도 품격 있는 분위기를 만든다.
대비·계층: 본문의 세리프 구조와 제목의 캐주얼 산세리프가 명확히 대비되며, 단정해의 손글씨 인상이 위계 구분을 자연스럽게 강화한다.
추천 용도: 감성 에세이·문학 매거진브랜드 스토리 페이지교육·도서 콘텐츠라이프스타일 뉴스레터

어울리는 영문 폰트

제목ManropePlus Jakarta SansQuicksandNunito

본문Source SerifLoraEB Garamond

제목엔 단정해의 둥글고 친근한 곡선과 호응하는 부드러운 산세리프가, 본문엔 함초롬바탕의 단정한 세리프와 어울리는 클래식 세리프가 적합하다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2622

#c89b6a

#f7f1e8

어울리는 산업 톤

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

68제목 함초롬바탕 · 본문 카페24 단정해

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

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

+카페24 단정해B=본문용

제작카페24상업 무료다운로드

오래된 책장 사이로 햇살이 스며든다

함초롬바탕은 제목에서 한자·한글 균형이 안정적이며, 카페24 단정해는 짧은 문단·인용에서 편안한 인상을 주지만 긴 본문 가독성은 표준 본문 폰트 대비 다소 떨어진다.

분위기: 함초롬바탕의 단정한 고전미와 카페24 단정해의 손글씨 같은 따스함이 만나 차분하고 정감 있는 분위기를 만든다. 다만 본문 폰트의 캐주얼함이 제목의 격식과 미묘하게 어긋날 수 있다.
대비·계층: 세리프 제목과 둥근 산세리프 본문이라는 구조적 대비가 명확하고, 굵기 차이도 700과 400으로 위계가 잘 잡힌다.
추천 용도: 문학·에세이 표지감성 매거진 칼럼독립출판 도서 내지전시 도록 서문브랜드 스토리 페이지

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource SerifLora

본문MerriweatherIBM Plex Serif

함초롬바탕의 고전적 세리프 구조와 결을 맞추려면 클래식 세리프 라틴이 어울리고, 본문은 단정해의 부드러움을 살리되 너무 캐주얼하지 않은 세리프로 톤을 유지한다.

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

36~44px

24~28px

본문

17~18px

line-height

1.7

어울리는 색상

#2b2218

#a67c52

#f5efe6

어울리는 산업 톤

라이프스타일 매거진독립출판·문학문화예술 큐레이션감성 브랜딩

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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