한글 페어링 · 큐레이션

카페24 써라운드+IBM 플렉스 산스 KR

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

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

A:카페24 써라운드· 제작 카페24|B:IBM 플렉스 산스 KR· 제작 IBM

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·IBM 플렉스 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

74제목 카페24 써라운드 · 본문 IBM 플렉스 산스 KR

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

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

+IBM 플렉스 산스 KRA=본문용

제작IBM상업 무료다운로드

기술은 결국 사람을 향해 작동한다

IBM 플렉스 산스 KR은 명료한 글자 너비와 안정된 x-height로 긴 글 읽기에 적합하며, 써라운드는 굵은 라운드 형태로 짧은 헤드라인에서 즉각적인 시선 집중을 만든다.

분위기: IBM 플렉스 산스 KR의 정제된 기하학적 본문 위에 카페24 써라운드의 둥글고 통통한 제목이 얹히며, 차분한 시스템 톤에 친근한 강조점이 생긴다.
대비·계층: 한쪽은 정제된 기하 산스, 다른 쪽은 풍성한 라운드 디스플레이라 형태 대비가 분명하고 700 웨이트 차이로도 위계가 또렷이 잡힌다.
추천 용도: B2B SaaS 블로그 아티클테크 제품 도큐먼트 본문교육 콘텐츠 긴 글뉴스레터 본문 레이아웃리서치 리포트 페이지

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문IBM Plex SansInter

본문은 동일 패밀리인 IBM Plex Sans로 합성하면 자형 일관성이 완벽하고, 제목은 써라운드의 둥근 인상과 매칭되는 라운드 톤의 모던 산스가 자연스럽다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2937

#f59e0b

#f7f5f0

어울리는 산업 톤

B2B SaaS 친근테크 콘텐츠 미디어교육 따뜻

68제목 IBM 플렉스 산스 KR · 본문 카페24 써라운드

IBM 플렉스 산스 KRB=제목용

제작IBM상업 무료다운로드

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

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

오늘의 작은 이야기를 천천히 읽어보세요

써라운드는 부드러운 곡선과 균일한 자폭으로 본문 가독성이 양호하며, 플렉스 산스 KR는 다양한 굵기로 제목의 시선 집중을 안정적으로 확보합니다.

분위기: 카페24 써라운드의 둥글고 친근한 인상이 본문을 따뜻하게 이끌고, IBM 플렉스 산스 KR가 제목에서 기술적 명료함을 더해 친근함과 시스템적 정돈감이 공존합니다.
대비·계층: 두 폰트 모두 산세리프 계열이라 형태 대비는 약하지만, 플렉스 산스 KR의 7단계 웨이트와 직선적 골격이 써라운드의 둥근 본문과 굵기·골격 대비를 만들어 위계를 형성합니다.
추천 용도: 라이프스타일 브랜드 블로그 본문F&B 브랜드 소개 페이지교육 콘텐츠 아티클스타트업 제품 소개 본문친근한 톤의 뉴스레터

어울리는 영문 폰트

제목IBM Plex SansInterManropeGeist

본문NunitoSource Sans ProPlus Jakarta Sans

제목은 플렉스 산스 KR의 원형인 IBM Plex Sans가 가장 정확하게 매칭되며, 본문 써라운드의 둥근 인상은 Nunito·Jakarta Sans의 부드러운 라틴과 톤이 자연스럽게 이어집니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#f4a261

#fdf7f0

어울리는 산업 톤

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=IBM+Plex+Sans+KR:wght@100;300;400;500;700&display=swap');

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

/* 본문 */
body, p {
  font-family: 'IBM Plex Sans KR', sans-serif;
}