한글 페어링 · 큐레이션

카페24 써라운드+노토 세리프 KR

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

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

A:카페24 써라운드· 제작 카페24|B:노토 세리프 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·노토 세리프 KR 가이드

평가 결과 · 2개 케이스

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

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

68제목 노토 세리프 KR · 본문 카페24 써라운드

노토 세리프 KRB=제목용

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

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

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

오늘의 작은 순간을 함께 나눠요

카페24 써라운드는 곡선이 풍부한 산세리프로 짧은 문단에서 친근하게 읽히며, 노토 세리프 KR은 다양한 웨이트로 제목 위계를 명확히 잡아준다.

분위기: 카페24 써라운드의 둥글고 친근한 본문 위에 노토 세리프 KR이 격조 있는 제목으로 무게감을 더한다. 캐주얼함과 클래식이 만나 부드러운 대비를 형성한다.
대비·계층: 산세리프 본문과 세리프 제목의 구조적 대비가 뚜렷하고, 노토 세리프의 900 웨이트까지 활용하면 강한 시각 위계를 만들 수 있다.
추천 용도: 라이프스타일 매거진 본문F&B 브랜드 소개 페이지교육 콘텐츠 카드뉴스캠페인 랜딩 본문

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문ManropePlus Jakarta Sans

제목은 세리프 계열의 클래식한 라틴으로 노토 세리프 KR의 격을 맞추고, 본문은 둥근 산세리프 라틴이 써라운드의 친근한 곡선과 잘 어울린다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#c8956d

#f5efe6

어울리는 산업 톤

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

62제목 카페24 써라운드 · 본문 노토 세리프 KR

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

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

+노토 세리프 KRA=본문용

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

오늘의 문장은 천천히 마음에 스며듭니다.

노토 세리프 KR은 다양한 웨이트와 안정된 자형으로 긴 글 본문에 적합하며, 써라운드는 굵고 둥근 형태 덕분에 제목에서 시선을 즉시 끌어옵니다.

분위기: 노토 세리프 KR의 단정하고 클래식한 본문 톤 위에 카페24 써라운드의 둥글고 친근한 제목이 얹혀 따뜻함과 진중함이 교차하는 분위기를 만듭니다.
대비·계층: 세리프 본문과 라운드 산세리프 제목이라는 분류 차이가 명확한 위계를 형성하지만, 써라운드의 캐주얼한 인상이 세리프의 격식과 다소 충돌해 톤 관리가 필요합니다.
추천 용도: 에세이·라이프스타일 매거진교육·아동 콘텐츠 도서F&B 브랜드 스토리 페이지친근한 브랜드 블로그공방·소상공인 소개 페이지

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문Source SerifLora

써라운드의 둥근 인상에는 곡선이 부드러운 지오메트릭 산세리프가 어울리고, 노토 세리프 KR 본문에는 가독성 높은 휴머니스트 세리프가 자연스럽게 맞물립니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#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;
}