한글 페어링 · 큐레이션

카페24 써라운드+나눔바른고딕

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

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

A:카페24 써라운드· 제작 카페24|B:나눔바른고딕· 제작 네이버

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·나눔바른고딕 가이드

평가 결과 · 2개 케이스

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

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

82제목 카페24 써라운드 · 본문 나눔바른고딕

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

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

+나눔바른고딕B=본문용

제작네이버상업 무료다운로드

오늘은 조금 더 다정한 하루를 보내세요

써라운드는 두툼한 곡선으로 제목에서 시선을 강하게 잡고, 나눔바른고딕은 균형 잡힌 자형과 넉넉한 속공간으로 장문 본문 가독성을 안정적으로 받쳐준다.

분위기: 카페24 써라운드의 둥글고 친근한 인상이 나눔바른고딕의 단정한 본문 톤과 만나 부담 없이 친화적인 분위기를 만든다.
대비·계층: 써라운드 700의 둥근 볼륨감과 나눔바른고딕 400의 정돈된 획 굵기 차이로 위계가 분명히 살아나며, 형태 대비도 충분하다.
추천 용도: 이커머스 프로모션 배너F&B 브랜드 상세페이지라이프스타일 매거진 웹교육·키즈 콘텐츠 UISNS 카드뉴스

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshiGeist

본문InterIBM Plex Sans

써라운드의 둥근 제목 인상에는 곡선이 풍부한 Plus Jakarta·Manrope 계열이 잘 맞고, 나눔바른고딕 본문에는 중성적이고 가독성 높은 Inter·IBM Plex Sans가 자연스럽게 결합된다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#ff6f4d

#ffd166

#fff8f1

어울리는 산업 톤

F&B 친근이커머스 깔끔교육 따뜻

62제목 나눔바른고딕 · 본문 카페24 써라운드

나눔바른고딕B=제목용

제작네이버상업 무료다운로드

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

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

오늘도 당신의 하루를 응원합니다.

써라운드는 둥근 형태와 넉넉한 카운터로 짧은 본문에서 친근하게 읽히며, 나눔바른고딕은 명료한 골격으로 제목에서 시선을 단단히 잡아줍니다.

분위기: 카페24 써라운드의 둥글고 친근한 본문 위에 나눔바른고딕의 단정하고 정제된 제목이 얹혀, 따뜻함과 신뢰감이 교차하는 톤을 만듭니다.
대비·계층: 두 폰트 모두 산세리프이고 골격 톤이 비슷해 형태 대비는 약한 편이라, 제목은 700 이상·본문은 400으로 웨이트 격차를 명확히 벌려야 위계가 살아납니다.
추천 용도: 브랜드 소개 페이지 본문캠페인 랜딩 서브 카피이벤트 배너 보조 텍스트교육·문화 콘텐츠 카드

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Plus Jakarta SansSource Sans Pro

나눔바른고딕의 정제된 제목 골격에는 Inter·IBM Plex Sans의 단정한 라틴이, 써라운드의 둥근 본문에는 곡선이 부드러운 Plus Jakarta Sans가 자연스럽게 어울립니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2d33

#f4a261

#fbf7f0

어울리는 산업 톤

라이프스타일 친근교육 따뜻이커머스 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Cafe24Ssurround/subsets/Cafe24Ssurround-dynamic-subset.css');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumBarunGothic/subsets/NanumBarunGothic-dynamic-subset.css');

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

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