한글 페어링 · 큐레이션

카페24 써라운드+동그라미재단 ㄱ체

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

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

A:카페24 써라운드· 제작 카페24|B:동그라미재단 ㄱ체· 제작 동그라미재단

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·동그라미재단 ㄱ체 가이드

평가 결과 · 2개 케이스

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

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

74제목 동그라미재단 ㄱ체 · 본문 카페24 써라운드

동그라미재단 ㄱ체A=제목용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

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

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

마음을 잇는 작은 이야기들

ㄱ체는 제목에서 또렷한 획 대비로 시선을 잡고, 써라운드는 둥근 곡선과 넉넉한 카운터 덕분에 본문 가독성이 안정적입니다.

분위기: 동그라미재단 ㄱ체의 단정하고 인문적인 세리프 인상이 카페24 써라운드의 둥글고 친근한 산세리프와 만나 따뜻하면서도 신뢰감 있는 톤을 형성합니다.
대비·계층: 세리프 제목과 라운드 산세리프 본문의 구조적 차이가 명확해 위계가 잘 살아나며, 700 웨이트 활용 시 강약 대비가 더욱 분명해집니다.
추천 용도: 사회공헌·재단 캠페인 웹사이트교육 콘텐츠 매거진라이프스타일 브랜드 소개 페이지공공기관 리포트친근한 톤의 출판물

어울리는 영문 폰트

제목EB GaramondLoraSource SerifMerriweather

본문NunitoManropePlus Jakarta Sans

ㄱ체의 차분한 세리프 인상은 클래식한 라틴 세리프와 결이 맞고, 써라운드의 둥근 본문 톤은 곡선이 부드러운 산세리프와 잘 어울립니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a26

#c89b6a

#f6f1e7

어울리는 산업 톤

공공기관 신뢰교육 따뜻라이프스타일 매거진사회공헌 브랜드

68제목 카페24 써라운드 · 본문 동그라미재단 ㄱ체

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

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

+동그라미재단 ㄱ체A=본문용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

오래 머무르는 글이 마음을 바꿉니다

동그라미재단 ㄱ체는 획 굵기가 안정적이라 본문 가독성이 우수하며, 써라운드는 둥근 형태로 짧은 헤드라인에서 시선을 빠르게 잡아줍니다.

분위기: 동그라미재단 ㄱ체의 따뜻하고 정갈한 세리프 분위기 위에 카페24 써라운드의 둥글고 친근한 산세리프가 포인트로 얹혀 부드러운 대비를 만듭니다.
대비·계층: 세리프 본문과 라운드 산세리프 제목이라는 카테고리 대비는 명확하나, 두 폰트 모두 부드러운 인상이라 굵기·크기 차이를 충분히 벌려야 위계가 분명해집니다.
추천 용도: 비영리·재단 캠페인 리포트교육·도서 콘텐츠 페이지라이프스타일 매거진 본문브랜드 스토리텔링 웹사이트

어울리는 영문 폰트

제목QuicksandManropePlus Jakarta SansNunito

본문Source SerifLoraMerriweather

둥근 산세리프 제목엔 부드러운 라틴 산세리프가 톤을 유지하고, 정갈한 세리프 본문엔 인본주의 세리프가 자연스럽게 맞물립니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2d2a26

#c98a5b

#f7f1e8

어울리는 산업 톤

비영리·공익 따뜻교육 친근라이프스타일 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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