한글 페어링 · 큐레이션

카페24 써라운드+노토 산스 KR

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

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

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

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

평가 결과 · 2개 케이스

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

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

86제목 카페24 써라운드 · 본문 노토 산스 KR

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

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

+노토 산스 KRB=본문용

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

오늘의 작은 행복을 배달합니다

써라운드는 굵은 웨이트에서 또렷한 시각적 임팩트를 주고, 노토 산스 KR은 다양한 웨이트와 안정된 자소 구조로 긴 본문에서도 피로 없이 읽힌다.

분위기: 카페24 써라운드의 둥글고 발랄한 인상이 노토 산스 KR의 단정한 중립성과 만나 친근하면서도 신뢰감 있는 톤을 만든다.
대비·계층: 둥근 디스플레이성 제목과 기하학적·중립적 본문 산세리프의 형태 대비가 명확해, 제목-본문 위계가 자연스럽게 형성된다.
추천 용도: 이커머스 프로모션 페이지라이프스타일 브랜드 웹사이트캠페인 랜딩페이지SNS 카드뉴스F&B 메뉴·패키지

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshiGeist

본문InterIBM Plex Sans

써라운드의 라운드한 인상은 둥근 터미널을 가진 Plus Jakarta Sans·Manrope와 자연스럽게 어울리고, 노토 산스 KR 본문은 중립적 그리드 폰트인 Inter·IBM Plex Sans와 구조적으로 정합한다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#ff6b4a

#ffd66e

#fff8f1

어울리는 산업 톤

이커머스 친근F&B 캐주얼라이프스타일 매거진스타트업 캠페인

72제목 노토 산스 KR · 본문 카페24 써라운드

노토 산스 KRB=제목용

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

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

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

오늘의 작은 행복을 함께 나눠요

카페24 써라운드는 굵은 획과 둥근 종결로 짧은 본문·캡션에서 시선 끌기 좋으며, 노토 산스 KR은 모든 무게에서 균일한 가독성을 보장해 제목 위계가 명확합니다.

분위기: 카페24 써라운드의 둥글고 친근한 인상이 본문을 부드럽게 이끌고, 노토 산스 KR이 깔끔한 제목으로 정보를 정돈해 캐주얼하면서도 신뢰감 있는 톤을 형성합니다.
대비·계층: 본문의 둥글고 도톰한 캐릭터와 제목의 중성적·기하학적 인상이 형태적으로 충분히 구분되어 위계가 자연스럽게 잡힙니다.
추천 용도: 브랜드 SNS 카드뉴스이커머스 상세페이지 본문이벤트 랜딩 페이지푸드·라이프스타일 콘텐츠

어울리는 영문 폰트

제목InterManropePlus Jakarta Sans

본문InterSource Sans Pro

노토 산스 KR 제목에는 구조가 단정한 Inter·Manrope가 위계를 안정시키고, 본문 써라운드의 둥근 인상은 Source Sans Pro의 부드러운 곡선과 자연스럽게 조화됩니다.

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

32~40px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#ff6b6b

#ffd93d

#fff8f0

어울리는 산업 톤

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+Sans+KR:wght@100;300;400;500;700;900&display=swap');

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

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