한글 페어링 · 큐레이션

카페24 써라운드+EBS 훈민정음 새론

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

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

A:카페24 써라운드· 제작 카페24|B:EBS 훈민정음 새론· 제작 EBS

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·EBS 훈민정음 새론 가이드

평가 결과 · 2개 케이스

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

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

74제목 카페24 써라운드 · 본문 EBS 훈민정음 새론

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

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

+EBS 훈민정음 새론A=본문용ⓘ 미리보기는 프리텐다드

제작EBS상업 무료다운로드

오늘 배운 한 줄이 내일의 나를 만든다

새론은 명조 계열 본문 폰트로 긴 글의 흐름을 안정적으로 이끌고, 써라운드는 굵은 라운드 산세리프라 제목에서 시선을 단숨에 잡아챕니다.

분위기: EBS 훈민정음 새론의 단정한 명조 본문 위로 카페24 써라운드의 둥글고 통통한 산세리프 제목이 놓여, 차분한 지식 톤 위에 친근한 활기가 더해진 페어입니다.
대비·계층: 세리프 본문 vs 라운드 산세리프 제목, 정적 vs 동적 골격이 분명해 정보 위계가 직관적으로 분리됩니다.
추천 용도: 교육 교재·학습 콘텐츠 본문어린이·청소년 매거진 에디토리얼교양 도서 챕터 본문공공 캠페인 리플릿

어울리는 영문 폰트

제목Plus Jakarta SansManropeGeist

본문Source SerifLora

써라운드의 둥근 곡선에는 라운드 산세리프 라틴이 자연스럽고, 새론 본문에는 휴머니스트 세리프가 한글의 명조 골격과 호흡을 맞춥니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b3a55

#e8a23a

#f7f2e9

어울리는 산업 톤

교육 따뜻공공기관 신뢰라이프스타일 매거진

72제목 EBS 훈민정음 새론 · 본문 카페24 써라운드

EBS 훈민정음 새론A=제목용ⓘ 미리보기는 프리텐다드

제작EBS상업 무료다운로드

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

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

오늘 배우는 한 줄의 문장

새론은 또렷한 획과 안정된 자소 구조로 제목에서 선명하게 읽히고, 써라운드는 라운드 처리된 산세리프라 본문 길이에서도 부담 없이 흘러갑니다.

분위기: EBS 훈민정음 새론의 단정한 세리프가 지적·교양 있는 인상을 만들고, 카페24 써라운드의 둥글고 친근한 산세리프가 부드럽게 받쳐 따뜻한 교양 톤을 형성합니다.
대비·계층: 세리프 vs 산세리프 + 정형 vs 둥근 형태 차이로 위계가 명확하며, 700 굵기 새론을 제목, 400 써라운드를 본문으로 두면 무게 대비도 충분합니다.
추천 용도: 교육·학습 콘텐츠 웹어린이·청소년 매거진공공기관 안내 책자브랜드 스토리 페이지독서 플랫폼 UI

어울리는 영문 폰트

제목LoraSource SerifEB GaramondIBM Plex Serif

본문NunitoSource Sans ProManrope

제목은 새론의 단정한 세리프 골격에 맞춰 인문적이고 정돈된 영문 세리프로, 본문은 써라운드의 둥근 곡선에 어울리는 부드러운 산세리프로 매칭했습니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2b2a35

#d4a373

#f7f2e8

어울리는 산업 톤

교육 따뜻공공기관 신뢰라이프스타일 매거진

구현 코드 · 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;
}