한글 페어링 · 큐레이션

카페24 오스퀘어+구기

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

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

A:카페24 오스퀘어· 제작 카페24|B:구기· 제작 윤디자인

→ 각 폰트 종합 가이드: 카페24 오스퀘어 가이드·구기 가이드

평가 결과 · 2개 케이스

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

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

62제목 구기 · 본문 카페24 오스퀘어

구기B=제목용

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

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

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

오늘의 풍경을 차분히 적어 내려갑니다.

오스퀘어는 사각형 골격의 깔끔한 고딕으로 본문 가독성이 좋고, 구기는 획 변화가 커서 짧은 제목·캐치프레이즈에서 시선을 강하게 끈다.

분위기: 카페24 오스퀘어의 단정하고 안정적인 본문 위에 구기의 붓글씨 같은 캘리그래피 제목이 얹혀 한국적 정서와 모던함이 절충된 분위기를 만든다.
대비·계층: 기하학적 산세리프 본문과 붓글씨 기반 디스플레이 제목 간 형태 대비가 크기 때문에 위계는 명확하지만, 톤 차이가 다소 강해 절제된 사용이 요구된다.
추천 용도: 전통주·막걸리 브랜드 상세 페이지 본문F&B 매장 메뉴판 설명 텍스트지역 축제 안내 리플렛한식 레스토랑 웹사이트 콘텐츠 영역공방·로컬 브랜드 SNS 카드뉴스 본문

어울리는 영문 폰트

제목Playfair DisplayLoraEB Garamond

본문InterIBM Plex SansSource Sans Pro

본문 오스퀘어의 기하학적 고딕은 Inter·IBM Plex Sans 같은 중립 산세리프와 자연스럽게 합성되고, 캘리그래피 제목 구기는 곡선미가 있는 세리프 영문과 매칭되어 한영 혼용에서도 톤이 유지된다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b1d14

#c0392b

#f5efe6

어울리는 산업 톤

F&B 전통 친근라이프스타일 매거진로컬 브랜드 감성

38제목 카페24 오스퀘어 · 본문 구기

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

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

+구기B=본문용

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

스퀘어한 외침, 흘러내리는 손맛

오스퀘어는 굵은 웨이트에서 제목 가독성이 우수하지만, 구기는 디스플레이 폰트라 본문 장문 가독성에 부적합합니다.

분위기: 오스퀘어의 단단한 기하학적 인상과 구기의 손글씨풍 디스플레이 감성이 서로 다른 방향으로 충돌하여 통일된 톤 형성이 어렵습니다.
대비·계층: 구조적 산세리프와 캘리그래피풍 디스플레이의 대비는 강하나, 위계보다 이질감으로 읽혀 정보 구조를 약화시킵니다.
추천 용도: 이벤트 프로모션 배너전통·축제 행사 포스터F&B 메뉴 강조 카피SNS 카드뉴스 단발성 헤드

어울리는 영문 폰트

제목InterManropePlus Jakarta SansGeist

본문Source Sans ProIBM Plex Sans

오스퀘어의 정방형 기하 구조는 라틴 폰트도 균형 잡힌 산세리프와 합성해야 자형 리듬이 어긋나지 않습니다. 본문은 x-height가 안정된 휴머니스트 산세리프가 적합합니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#e63946

#f5efe6

어울리는 산업 톤

이커머스 프로모션F&B 친근지역 축제·전통 행사

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Cafe24Ohsquare/subsets/Cafe24Ohsquare-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Gugi&display=swap');

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

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