한글 페어링 · 큐레이션

카페24 써라운드+도현

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

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

A:카페24 써라운드· 제작 카페24|B:도현· 제작 우아한형제들

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

평가 결과 · 2개 케이스

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

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

64제목 도현 · 본문 카페24 써라운드

도현B=제목용

제작우아한형제들상업 무료다운로드

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

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

오늘의 작은 행복을 함께 나눠요

써라운드는 둥근 곡선과 적당한 자간으로 짧은 본문·캡션에서 친근하게 읽히지만 장문에서는 다소 캐주얼합니다. 도현체는 굵은 획과 분명한 형태로 제목에서 즉각적인 가독성을 확보합니다.

분위기: 카페24 써라운드의 둥글고 친근한 인상이 본문을 부드럽게 이끌고, 도현체의 굵고 각진 임팩트가 제목에서 시선을 강하게 끌어 캐주얼하면서도 활기찬 톤을 만듭니다.
대비·계층: 본문의 둥근 산세리프와 제목의 각진 디스플레이가 형태 대비를 만들어 위계가 분명합니다. 다만 두 폰트 모두 캐릭터가 강해 자칫 시각적 충돌이 생길 수 있어 색·크기 조절이 필요합니다.
추천 용도: F&B 브랜드 프로모션 페이지이벤트·캠페인 랜딩 본문캐주얼 브랜드 SNS 카드뉴스어린이·교육 콘텐츠 본문

어울리는 영문 폰트

제목Bricolage GrotesqueArchivo BlackManrope

본문Plus Jakarta SansManrope

도현의 각진 헤드라인에는 Archivo Black·Bricolage 같은 굵고 단단한 라틴이 어울리고, 써라운드 본문에는 둥글고 친근한 Manrope·Plus Jakarta Sans가 곡선 인상을 이어줍니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#ff6b3d

#ffd23f

#fff8ee

어울리는 산업 톤

F&B 친근라이프스타일 캐주얼이벤트·프로모션 활기

42제목 카페24 써라운드 · 본문 도현

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

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

+도현B=본문용

제작우아한형제들상업 무료다운로드

둥근 하루, 따뜻한 인사를 전해요

써라운드 제목은 시선을 끄는 매력이 있으나, 도현체는 디스플레이 성향이 강해 긴 본문에는 가독성이 떨어집니다.

분위기: 카페24 써라운드의 둥글고 친근한 인상과 도현체의 각지고 강한 디스플레이 인상이 충돌하여 톤이 분산됩니다.
대비·계층: 두 폰트 모두 개성이 강한 디스플레이 계열이라 위계 대비보다는 스타일 충돌이 먼저 인지됩니다.
추천 용도: 이벤트 배너 헤드캠페인 키비주얼오프라인 포스터 단문SNS 카드뉴스 짧은 본문

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문InterIBM Plex Sans

써라운드의 둥근 곡선과 어울리는 부드러운 지오메트릭 산세리프를 매칭하고, 본문은 중립적이고 안정적인 산세리프로 균형을 맞춥니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#ff6b35

#ffd166

#fff8ec

어울리는 산업 톤

F&B 친근이벤트 프로모션라이프스타일 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Cafe24Ssurround/subsets/Cafe24Ssurround-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');

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

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