한글 페어링 · 큐레이션

카페24 써라운드+코트라 글로벌

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

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

A:카페24 써라운드· 제작 카페24|B:코트라 글로벌· 제작 코트라

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·코트라 글로벌 가이드

평가 결과 · 2개 케이스

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

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

68제목 카페24 써라운드 · 본문 코트라 글로벌

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

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

+코트라 글로벌A=본문용ⓘ 미리보기는 프리텐다드

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

오늘도 차분히 한 줄씩 읽어 내려갑니다

코트라 글로벌은 안정적인 자형과 균일한 획으로 긴 본문에 적합하며, 써라운드는 라운드 형태 덕분에 짧은 헤드라인에서 시선을 빠르게 끌어옵니다.

분위기: 코트라 글로벌의 단정한 세리프가 본문의 차분한 톤을 잡고, 카페24 써라운드의 통통하고 둥근 산세리프가 친근한 강조점을 더합니다.
대비·계층: 세리프 본문과 둥근 산세리프 제목이라는 구조적 대비는 분명하지만, 써라운드의 캐주얼한 인상이 코트라 글로벌의 격식과 다소 어긋나 톤 조율이 필요합니다.
추천 용도: 라이프스타일 매거진 기사 본문교육 콘텐츠 학습지브랜드 스토리 페이지공공 캠페인 리플릿

어울리는 영문 폰트

제목Plus Jakarta SansManropeQuicksand

본문Source SerifLora

써라운드의 둥근 인상에는 라운드 터미널이 있는 Jakarta·Manrope 계열이, 코트라 글로벌 본문에는 부드러운 인문주의 세리프인 Source Serif·Lora가 자연스럽게 합쳐집니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a26

#d98e5a

#f6f1e8

어울리는 산업 톤

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

62제목 코트라 글로벌 · 본문 카페24 써라운드

코트라 글로벌A=제목용ⓘ 미리보기는 프리텐다드

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

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

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

세상의 품격을 일상으로 옮기다

코트라 글로벌은 제목 크기에서 우아한 인상을 잘 전달하고, 써라운드는 라운드한 골격 덕에 본문에서도 편안하게 읽힙니다.

분위기: 코트라 글로벌의 정제된 세리프 인상과 카페24 써라운드의 둥글고 친근한 산세리프가 만나 격식과 친근함이 공존하는 톤을 형성합니다.
대비·계층: 세리프 대 산세리프의 형태 대비는 명확하나 두 폰트 모두 굵기가 무겁지 않아 위계는 사이즈와 컬러로 보강해야 합니다.
추천 용도: 공공·기관 브로슈어 표지F&B 메뉴 및 패키지 카피라이프스타일 매거진 섹션 타이틀로컬 브랜드 소개 페이지

어울리는 영문 폰트

제목EB GaramondPlayfair DisplayLoraSource Serif

본문ManropePlus Jakarta Sans

코트라 글로벌의 클래식 세리프 골격은 정통 라틴 세리프와 자연스럽게 매칭되고, 써라운드의 둥근 라운드는 휴머니스트 산세리프와 톤이 일치합니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#2b2a26

#c2914a

#f6f1e7

어울리는 산업 톤

공공기관 신뢰라이프스타일 매거진F&B 친근로컬 브랜드 따뜻

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