한글 페어링 · 큐레이션

카페24 써라운드+대한항공

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

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

A:카페24 써라운드· 제작 카페24|B:대한항공· 제작 대한항공

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·대한항공 가이드

평가 결과 · 2개 케이스

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

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

68제목 카페24 써라운드 · 본문 대한항공

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

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

+대한항공B=본문용ⓘ 미리보기는 프리텐다드

제작대한항공상업 무료다운로드

오늘의 여행, 가볍게 시작해요

써라운드는 굵은 웨이트에서 임팩트 있는 헤드라인을 만들며, 대한항공체는 절제된 자형과 안정된 폭으로 본문 가독성을 확보합니다.

분위기: 카페24 써라운드의 둥글고 친근한 인상이 대한항공체의 단정하고 신뢰감 있는 무드와 만나 캐주얼함과 격식 사이에서 균형을 시도합니다.
대비·계층: 둥근 곡선의 디스플레이형 제목과 직선적이고 정제된 본문 사이에서 형태 대비는 뚜렷하지만, 분위기 차이로 위계가 다소 분절될 수 있습니다.
추천 용도: 라이프스타일 브랜드 랜딩이벤트·프로모션 페이지F&B 메뉴·패키지소셜미디어 카드뉴스

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문InterIBM Plex Sans

써라운드의 라운디드한 인상은 둥근 터미널을 가진 Jakarta·Manrope와 자연스럽고, 대한항공체의 정돈된 본문은 중립적인 Inter 계열과 잘 맞습니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#2b4a7c

#f4a261

#f5efe6

어울리는 산업 톤

라이프스타일 친근여행·관광 모던F&B 캐주얼

62제목 대한항공 · 본문 카페24 써라운드

대한항공B=제목용ⓘ 미리보기는 프리텐다드

제작대한항공상업 무료다운로드

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

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

오늘은 조금 천천히, 둥글게 걸어볼까요.

카페24 써라운드는 곡선이 둥글어 짧은 본문이나 카피에서 가독성이 좋지만 장문에는 다소 캐주얼한 인상이 강합니다. 대한항공은 강조 제목에서 시선을 정돈된 방향으로 끌어냅니다.

분위기: 카페24 써라운드의 둥글고 친근한 인상과 대한항공의 단정하고 품격 있는 디스플레이 감각이 만나, 부드러움 위에 격조를 얹은 톤을 형성합니다.
대비·계층: 둥근 곡선의 본문과 직선적·기하학적 제목 폰트가 형태 대비를 만들지만, 동일 weight 사용 시 위계가 약해질 수 있어 제목은 700, 본문은 400으로 분리 권장합니다.
추천 용도: 여행·항공 브랜드 캠페인 카피라이프스타일 매거진 인터뷰 본문F&B 브랜드 스토리 페이지이벤트 랜딩 페이지 서브 카피

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

대한항공의 기하학적 단정함에는 Manrope·Geist의 정돈된 기하 산세리프가 어울리고, 써라운드 본문에는 중립적이고 둥근 인상의 Inter가 자연스럽게 호흡합니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#1c3d5a

#d4a373

#f5efe6

어울리는 산업 톤

여행·항공 프리미엄라이프스타일 매거진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;
}