한글 페어링 · 큐레이션

카페24 오스퀘어+가비아 마음결

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

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

A:카페24 오스퀘어· 제작 카페24|B:가비아 마음결· 제작 가비아

→ 각 폰트 종합 가이드: 카페24 오스퀘어 가이드·가비아 마음결 가이드

평가 결과 · 2개 케이스

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

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

74제목 카페24 오스퀘어 · 본문 가비아 마음결

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

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

+가비아 마음결B=본문용

제작가비아상업 무료다운로드

오늘의 새로운 시작을 응원합니다

오스퀘어는 굵은 700에서 제목으로 시선을 빠르게 잡고, 마음결은 둥근 골격과 균일한 자간으로 긴 본문에서도 피로감이 적습니다.

분위기: 카페24 오스퀘어의 단단하고 각진 제목 인상이 가비아 마음결의 부드럽고 따뜻한 본문과 만나 친근하면서도 또렷한 톤을 만듭니다.
대비·계층: 기하학적 스퀘어 제목과 휴머니스트 라운드 본문의 형태 대비가 뚜렷해 정보 위계가 자연스럽게 형성됩니다.
추천 용도: 브랜드 랜딩 페이지 메인 헤드라인이커머스 카테고리·프로모션 배너캠페인 포스터 타이틀소셜 콘텐츠 카드뉴스

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문Source Sans ProIBM Plex Sans

오스퀘어의 스퀘어한 구조에는 기하학적 산세리프(Manrope·Geist)가 자연스럽게 맞고, 마음결의 둥근 본문 톤에는 부드러운 휴머니스트 산세리프가 호응합니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#2b2d42

#ef8354

#f7f4ef

어울리는 산업 톤

이커머스 깔끔라이프스타일 친근스타트업 임팩트교육 따뜻

68제목 가비아 마음결 · 본문 카페24 오스퀘어

가비아 마음결B=제목용

제작가비아상업 무료다운로드

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

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

오늘 하루도 단정하게 시작합니다

오스퀘어는 균일한 자폭과 적당한 x-height로 본문 가독성이 안정적이며, 마음결은 제목 한 줄 강조 시 시선 집중에 유리하다.

분위기: 카페24 오스퀘어의 단정한 기하학적 본문 위에 가비아 마음결의 부드러운 손글씨 감성이 포인트로 얹혀 따뜻하면서도 정돈된 톤을 만든다.
대비·계층: 기하학적 산세리프 본문 vs 손글씨 감성 제목의 카테고리 대비가 뚜렷해 위계가 분명하지만, 마음결의 가는 웨이트로 인해 제목 크기를 충분히 키워야 위계가 확보된다.
추천 용도: 라이프스타일 매거진 본문감성 브랜드 소개 페이지교육·문화 콘텐츠 카드뉴스F&B 메뉴 상세 페이지

어울리는 영문 폰트

제목CaveatShadows Into LightAmatic SC

본문InterSource Sans ProIBM Plex Sans

본문 오스퀘어는 기하학적 산세리프와 합성해야 안정적이며, 제목 마음결은 손글씨 계열 라틴과 페어링해야 감성 톤이 일관된다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#2b2a28

#c79b6a

#f6f1e8

어울리는 산업 톤

라이프스타일 매거진교육 따뜻F&B 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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