한글 페어링 · 큐레이션

카페24 오스퀘어+함초롬바탕

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

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

A:카페24 오스퀘어· 제작 카페24|B:함초롬바탕· 제작 한컴

→ 각 폰트 종합 가이드: 카페24 오스퀘어 가이드·함초롬바탕 가이드

평가 결과 · 2개 케이스

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

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

74제목 카페24 오스퀘어 · 본문 함초롬바탕

카페24 오스퀘어B=제목용

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

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

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

오래된 문장 위에 새 시대의 목소리를 얹다

함초롬바탕은 한글 본문 가독성이 우수해 긴 글에 적합하고, 오스퀘어는 굵은 스퀘어 형태로 짧은 헤드라인에서 즉각적인 시선을 끈다.

분위기: 함초롬바탕의 단정하고 정갈한 본문 위에 카페24 오스퀘어의 각진 강조 제목이 얹혀, 전통적 신뢰감과 모던한 임팩트가 공존하는 톤을 만든다.
대비·계층: 세리프 본문과 기하학적 스퀘어 산세리프 제목 간의 형태·웨이트 대비가 강해 정보 위계가 뚜렷하게 분리된다.
추천 용도: 출판·매거진 본문브랜드 캠페인 카피 페이지공공기관 안내 책자리포트·백서전시 도록

어울리는 영문 폰트

제목Archivo BlackInterManrope

본문Source SerifEB Garamond

오스퀘어의 직각·고밀도 구조는 Archivo Black이나 Inter처럼 골격이 단단한 산세리프와 매칭되고, 함초롬바탕은 클래식 세리프 라틴과 본문 톤이 잘 어우러진다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#b03a2e

#f5efe6

어울리는 산업 톤

출판 매거진공공기관 신뢰문화예술 큐레이션교육 따뜻

68제목 함초롬바탕 · 본문 카페24 오스퀘어

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

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

+카페24 오스퀘어A=본문용

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

오늘 하루를 정갈하게 정리하는 시간

오스퀘어는 균일한 스트로크로 짧은 본문에 무난하나 긴 글에서는 다소 빡빡하게 느껴질 수 있고, 함초롬바탕은 굵기 대비가 뚜렷해 제목으로 시선을 끕니다.

분위기: 카페24 오스퀘어의 단정한 기하학적 인상이 본문을 차분히 이끌고, 함초롬바탕이 제목에서 고전적 무게감을 더해 절제된 톤을 형성합니다.
대비·계층: sans 본문과 serif 제목의 분류 대비가 분명하고, 굵기·획 형태 차이가 명확한 정보 위계를 만듭니다.
추천 용도: 출판 에세이 본문브랜드 소개 페이지공공기관 안내 책자교육 자료 카드 뉴스

어울리는 영문 폰트

제목EB GaramondSource SerifPlayfair Display

본문InterIBM Plex Sans

함초롬바탕의 고전적 세리프 인상은 클래식 serif 영문과 결이 맞고, 오스퀘어의 기하학적 sans는 Inter·Plex 같은 중립 sans와 합성 시 본문 흐름이 안정됩니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

출판 에세이공공기관 신뢰교육 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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