한글 페어링 · 큐레이션

카페24 써라운드+본명조

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

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

A:카페24 써라운드· 제작 카페24|B:본명조· 제작 어도비·구글

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·본명조 가이드

평가 결과 · 2개 케이스

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

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

78제목 카페24 써라운드 · 본문 본명조

카페24 써라운드A=제목용

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

+본명조B=본문용

제작어도비·구글상업 무료다운로드

오늘의 작은 위로, 한 잔의 커피와 함께

써라운드는 굵은 웨이트에서 시선을 강하게 끌고, 본명조는 후토미·미카게 계열 한글 명조로 긴 글에서도 안정적인 가독성을 제공합니다.

분위기: 카페24 써라운드의 둥글고 친근한 인상이 본명조의 단정하고 서정적인 본문 톤과 만나 따뜻하면서도 신뢰감 있는 분위기를 만듭니다.
대비·계층: 산세리프 제목과 세리프 본문이라는 분류 대비에 더해 써라운드 700과 본명조 400의 웨이트 격차로 정보 위계가 또렷합니다.
추천 용도: 라이프스타일 브랜드 매거진F&B 메뉴 및 패키지감성 에세이 블로그스몰 브랜드 상세페이지

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshiGeist

본문Source SerifLoraEB Garamond

둥근 산세리프 써라운드에는 곡선이 부드러운 모던 산세리프가 자연스럽고, 본명조에는 같은 가문의 Source Serif나 차분한 세리프가 명조 본문의 정서를 이어줍니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#c47b4a

#f6efe5

어울리는 산업 톤

F&B 친근라이프스타일 매거진스몰 브랜드 감성

62제목 본명조 · 본문 카페24 써라운드

본명조A=제목용

제작어도비·구글상업 무료다운로드

+카페24 써라운드B=본문용

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

오래된 문장이 오늘의 식탁에 닿다

본명조는 다양한 웨이트로 제목 위계를 명확히 잡고, 카페24 써라운드는 큼직한 글자폭과 두툼한 획으로 본문 가독성이 좋습니다.

분위기: 본명조의 고전적이고 정제된 인상과 카페24 써라운드의 둥글고 친근한 인상이 다소 이질적이지만, 진중한 메시지를 부드럽게 풀어내는 톤으로 활용할 수 있습니다.
대비·계층: 세리프 제목과 라운드 산세리프 본문이라는 구조적 대비는 뚜렷하나, 써라운드의 캐주얼함이 본명조의 격조를 약화시킬 수 있어 웨이트와 사이즈로 균형을 잡아야 합니다.
추천 용도: F&B 브랜드 스토리텔링라이프스타일 매거진 칼럼베이커리·카페 메뉴 소개감성 이커머스 상세페이지

어울리는 영문 폰트

제목Source SerifEB GaramondLoraPlayfair Display

본문ManropePlus Jakarta Sans

본명조 제목은 동일 가문인 Source Serif와 구조가 일치하고, 본문 써라운드의 둥근 인상은 부드러운 지오메트릭 산세리프와 잘 맞습니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#c98a5b

#f5efe6

어울리는 산업 톤

F&B 친근라이프스타일 매거진감성 이커머스

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Cafe24Ssurround/subsets/Cafe24Ssurround-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

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