한글 페어링 · 큐레이션

카페24 써라운드+주아

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

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

A:카페24 써라운드· 제작 카페24|B:주아· 제작 우아한형제들

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·주아 가이드

평가 결과 · 2개 케이스

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

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

82제목 주아 · 본문 카페24 써라운드

주아A=제목용

제작우아한형제들상업 무료다운로드

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

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

오늘은 달콤한 디저트 한 입 어때요?

주아는 굵고 둥근 획으로 제목에서 한눈에 들어오며, 써라운드는 적당한 자간과 안정적인 골격으로 짧은 본문이나 카드 텍스트에서 읽기 편합니다.

분위기: 주아의 둥글고 친근한 인상이 카페24 써라운드의 통통하고 부드러운 본문 톤과 자연스럽게 어우러져 발랄하고 캐주얼한 분위기를 형성합니다.
대비·계층: 두 폰트 모두 둥근 캐릭터를 공유하지만 주아의 디스플레이성 두께와 써라운드 Regular의 일반적 본문 웨이트 차이로 위계가 분명히 잡힙니다.
추천 용도: F&B 브랜드 SNS 콘텐츠이벤트·프로모션 배너어린이·교육 서비스 UI라이프스타일 앱 온보딩캐주얼 이커머스 상세페이지

어울리는 영문 폰트

제목FredokaQuicksandBaloo 2Nunito

본문Nunito SansQuicksandRubik

주아의 둥근 디스플레이성과 매칭되는 라운디드 산세리프 계열을 제목에, 본문은 부드러우면서도 가독성이 확보된 라운디드 산세리프로 통일감을 줍니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#ff7a59

#ffd66b

#fff8ee

어울리는 산업 톤

F&B 친근이커머스 캐주얼교육 따뜻라이프스타일 발랄

68제목 카페24 써라운드 · 본문 주아

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

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

+주아A=본문용

제작우아한형제들상업 무료다운로드

오늘 점심은 무얼 먹을까 고민중

주아는 디스플레이 성격이 강해 긴 본문보다 짧은 문단·캡션에 적합하며, 카페24 써라운드 700은 제목에서 충분한 시인성을 확보한다.

분위기: 주아의 둥글고 친근한 인상이 본문을 이끌고, 카페24 써라운드의 통통하고 명랑한 글자꼴이 제목에서 발랄함을 더한다.
대비·계층: 두 폰트 모두 둥근 sans라 형태 대비는 약하지만, 웨이트(주아 400 vs 써라운드 700)와 사이즈 차이로 위계를 확보할 수 있다.
추천 용도: 배달·푸드 앱 프로모션 배너어린이·교육 콘텐츠 카드캐주얼 이벤트 상세 페이지SNS 카드뉴스 본문

어울리는 영문 폰트

제목Plus Jakarta SansManropeQuicksand

본문NunitoSource Sans Pro

주아의 둥근 본문 톤에는 라운드 터미널을 가진 Nunito가 자연스럽고, 제목 써라운드에는 친근하면서도 또렷한 Plus Jakarta Sans가 잘 맞는다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#ff6b35

#ffd23f

#fff8e7

어울리는 산업 톤

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=Jua&display=swap');

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

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