한글 페어링 · 큐레이션

카페24 써라운드+코트라 도약

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

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

A:카페24 써라운드· 제작 카페24|B:코트라 도약· 제작 코트라

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·코트라 도약 가이드

평가 결과 · 2개 케이스

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

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

62제목 카페24 써라운드 · 본문 코트라 도약

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

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

+코트라 도약A=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

오늘의 이야기, 천천히 펼쳐봅니다

코트라 도약은 획 굵기가 안정적이어서 긴 본문에 무리 없이 읽히고, 써라운드는 굵은 볼드로 제목에서 즉각적인 시선 집중을 끌어냅니다.

분위기: 코트라 도약의 단정한 명조 본문 위에 카페24 써라운드의 둥글고 통통한 산세리프가 제목으로 얹혀, 진중함과 친근함이 공존하는 다소 이질적인 톤을 만듭니다.
대비·계층: 세리프 본문과 라운드 산세리프 제목이라는 분류·형태 대비가 명확해 정보 위계는 잘 잡히나, 두 폰트의 인상 격차가 커서 정제된 편집물보다는 캐주얼한 맥락에 어울립니다.
추천 용도: 브랜드 스토리 페이지교육·아동 콘텐츠 매거진이벤트 랜딩 페이지제품 소개 블로그사내 뉴스레터

어울리는 영문 폰트

제목Plus Jakarta SansManropeGeist

본문Source SerifLora

써라운드의 둥근 인상에는 곡선이 부드러운 Jakarta·Manrope 계열이, 코트라 도약의 차분한 본문에는 가독성 좋은 세리프인 Source Serif·Lora가 자연스럽게 호응합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#f4a261

#fbf7f0

어울리는 산업 톤

교육 따뜻라이프스타일 매거진F&B 친근

62제목 코트라 도약 · 본문 카페24 써라운드

코트라 도약A=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

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

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

도약하는 대한민국, 세계로 나아갑니다

코트라 도약은 굵은 획과 또렷한 자소로 헤드라인에서 강한 임팩트를 주고, 써라운드는 둥근 곡선과 넓은 속공간으로 짧은 본문에 적합합니다.

분위기: 코트라 도약의 진중하고 묵직한 인상이 카페24 써라운드의 둥글고 친근한 본문과 만나 다소 이질적이지만 따뜻한 신뢰감을 형성합니다.
대비·계층: 세리프 제목과 라운드 산세리프 본문의 형태 대비는 명확하나, 두 폰트 모두 다소 무게감 있는 인상이라 위계 차이가 사이즈로 확실히 보강돼야 합니다.
추천 용도: 공공기관 캠페인 포스터수출·무역 브랜드 리포트 표지지역 행사 안내 배너B2B 브로슈어 헤드라인

어울리는 영문 폰트

제목Playfair DisplayEB GaramondSource SerifIBM Plex Serif

본문ManropePlus Jakarta SansInter

코트라 도약의 클래식한 세리프 구조에는 정통 세리프 라틴이 어울리고, 써라운드의 둥근 본문에는 부드러운 곡선의 지오메트릭 산세리프가 호흡을 맞춥니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#1f3a5f

#c89b3c

#f4ede0

어울리는 산업 톤

공공기관 신뢰수출·무역 B2B지역 브랜드 캠페인

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