한글 페어링 · 큐레이션

카페24 써라운드+학교안심

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

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

A:카페24 써라운드· 제작 카페24|B:학교안심· 제작 한국교과서연구재단

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·학교안심 가이드

평가 결과 · 2개 케이스

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

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

72제목 카페24 써라운드 · 본문 학교안심

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

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

+학교안심A=본문용

제작한국교과서연구재단상업 무료다운로드

오늘도 우리는 함께 배우고 자라요

학교안심은 교육용으로 설계되어 본문 가독성이 뛰어나며, 써라운드는 굵은 라운드 형태로 제목에서 즉각 시선을 끈다.

분위기: 학교안심의 정돈된 본문 톤 위에 카페24 써라운드의 둥글고 통통한 제목이 얹혀 친근하면서도 또렷한 분위기를 형성한다.
대비·계층: 본문 산세리프의 정직한 골격과 제목의 통통한 라운드 실루엣이 형태 대비를 만들고, 700 웨이트 사용 시 위계가 명확해진다.
추천 용도: 교육·아동 콘텐츠 본문캠페인 랜딩 페이지브랜드 블로그 아티클아동/학부모 대상 매거진친근한 톤의 SNS 카드뉴스

어울리는 영문 폰트

제목Plus Jakarta SansManropeGeist

본문InterIBM Plex Sans

써라운드의 둥근 인상은 라운드 터미널을 가진 Plus Jakarta Sans·Manrope와 잘 맞고, 본문은 중립적이고 가독성 높은 Inter 계열이 학교안심과 균형을 이룬다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#2b5f8a

#f4a261

#fbf7f0

어울리는 산업 톤

교육 따뜻아동·가족 친근공공 캠페인 친화라이프스타일 브랜드

62제목 학교안심 · 본문 카페24 써라운드

학교안심B=제목용

제작한국교과서연구재단상업 무료다운로드

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

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

오늘도 동네 책방에서 작은 이야기를 만나요

써라운드는 둥근 곡선이 강해 긴 본문에선 다소 캐주얼하게 읽히지만 짧은 문단·캡션엔 무난하고, 학교안심은 제목에서 또렷하게 정보를 전달한다.

분위기: 카페24 써라운드의 둥글고 친근한 인상이 본문 톤을 잡고, 학교안심의 안정적인 고딕이 제목에서 신뢰감을 더한다.
대비·계층: 둘 다 sans·700 무게 중심이라 형태 대비가 약하므로, 사이즈와 색 위계로 계층을 강화해야 한다.
추천 용도: 교육 콘텐츠 본문어린이·가족 대상 브랜드학습 앱 UI 텍스트공공 캠페인 안내문F&B 친근 패키지 카피

어울리는 영문 폰트

제목ManropePlus Jakarta SansInter

본문IBM Plex SansSource Sans Pro

써라운드의 둥근 본문 톤엔 곡선이 부드러운 Plex Sans·Source Sans가 자연스럽고, 학교안심 제목엔 균형감 있는 Manrope 계열이 잘 맞는다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2e5a88

#f2a65a

#f7f3ec

어울리는 산업 톤

교육 따뜻F&B 친근공공기관 신뢰라이프스타일 캐주얼

구현 코드 · 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/HakgyoansimBareondotum/subsets/HakgyoansimBareondotum-dynamic-subset.css');

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

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