한글 페어링 · 큐레이션

카페24 오스퀘어+싱글데이

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

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

A:카페24 오스퀘어· 제작 카페24|B:싱글데이· 제작 구글 한글 폰트

→ 각 폰트 종합 가이드: 카페24 오스퀘어 가이드·싱글데이 가이드

평가 결과 · 2개 케이스

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

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

45제목 싱글데이 · 본문 카페24 오스퀘어

싱글데이A=제목용

제작구글 한글 폰트상업 무료다운로드

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

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

따뜻한 커피와 함께하는 오후

카페24 오스퀘어는 본문 가독성이 우수하지만, 싱글데이는 제목용 손글씨로서 긴 문장에서는 피로도가 높다. 제목 길이가 짧은 경우에만 적합하다.

분위기: 싱글데이의 부드럽고 친근한 손글씨 감성과 카페24 오스퀘어의 기하학적·현대적 산스 세리프가 분위기 충돌을 일으킨다. 제목-본문 위계보다는 톤의 불일치가 두드러진다.
대비·계층: weight 대비는 명확하지만(싱글데이 400 vs 오스퀘어 400/700), 구조적 대비가 약하다. 손글씨 vs 기하학적 산스의 시각적 차이가 정보 위계보다는 '다른 브랜드 느낌'을 만든다.
추천 용도: 캐주얼·키즈 콘텐츠 (블로그, SNS 카드 디자인)카페·베이커리 메뉴판 (제목만 싱글데이 사용)이벤트 포스터 (짧은 카피용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

싱글데이의 친근하고 부드러운 톤에는 둥근 모서리와 따뜻한 감성의 산스(Manrope, Plus Jakarta Sans)가 어울린다. 본문은 카페24 오스퀘어의 기하학적 특성과 매칭되는 중립적 산스(Inter, Source Sans Pro)가 적합하다.

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

36~44px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#2d2d2d

#d4a574

#f9f7f3

어울리는 산업 톤

F&B 캐주얼라이프스타일 매거진

42제목 카페24 오스퀘어 · 본문 싱글데이

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

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

+싱글데이A=본문용

제작구글 한글 폰트상업 무료다운로드

손글씨 감성의 따뜻한 브랜드, 현대적 기하학으로 재해석하다.

싱글데이는 개성 있는 필기체 특성상 본문 장문 읽기에 부적합하며, 자간·행간이 넉넉해야 가독성을 확보할 수 있다. 카페24 오스퀘어는 제목용으로는 명확하지만, 본문 폰트의 가독성 부족이 전체 위계를 약화시킨다.

분위기: 싱글데이의 부드럽고 친근한 손글씨 감성과 카페24 오스퀘어의 기하학적이고 모던한 sans-serif가 분위기 충돌을 일으킨다. 핸드라이팅 폰트를 본문으로 사용하면 장문 읽기에서 시각적 피로가 누적되어 일관된 톤 형성이 어렵다.
대비·계층: 카페24 오스퀘어 400/700의 weight 대비는 명확하지만, 본문 폰트가 handwriting이므로 제목과의 구조적 대비가 약하다. 두 폰트의 기하학적 특성 차이가 크지만 일관성 있는 위계보다는 부조화로 읽힌다.
추천 용도: 어린이 교육 콘텐츠 (싱글데이 특성 활용)카드/인사장 디자인 (소량 텍스트)팝업스토어 포스터 (제목만 강조)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

카페24 오스퀘어의 기하학적 모던함과 어울리는 sans-serif 영문 폰트를 추천. 본문용 싱글데이는 영문과 페어링 시 handwriting 특성이 강해 일반 본문보다는 강조·데코 용도에 제한됨.

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

32~40px

20~24px

본문

16~18px

line-height

1.75

어울리는 색상

#2c2c2c

#e8a87c

#f9f7f4

어울리는 산업 톤

어린이·교육 따뜻함핸드메이드·크래프트 감성

구현 코드 · 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=Single+Day&display=swap');

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

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