한글 페어링 · 큐레이션

카페24 써라운드+한국기계연구원체

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

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

A:카페24 써라운드· 제작 카페24|B:한국기계연구원체· 제작 한국기계연구원

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·한국기계연구원체 가이드

평가 결과 · 2개 케이스

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

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

62제목 한국기계연구원체 · 본문 카페24 써라운드

한국기계연구원체B=제목용

제작한국기계연구원상업 무료다운로드

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

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

오늘의 이야기를 부드럽게 전해드려요

써라운드는 둥근 곡선과 넉넉한 자폭으로 짧은 본문·소개 카피에서 가독성이 양호하지만 장문에는 다소 캐주얼하다. 한국기계연구원체는 강조 제목에서 시선을 확실히 잡지만 본문 사용은 부적합하다.

분위기: 카페24 써라운드의 둥글고 친근한 인상이 본문을 부드럽게 이끌고, 한국기계연구원체의 기계적이고 각진 디스플레이가 강조 제목에서 임팩트를 만든다. 두 폰트의 톤 격차가 커서 의도된 콘트라스트가 필요한 레이아웃에 적합하다.
대비·계층: 둥근 산세리프 본문과 각진 디스플레이 제목 간 형태 대비가 뚜렷해 정보 위계가 분명하게 형성된다. 굵기뿐 아니라 골격 자체가 달라 강조 효과가 극대화된다.
추천 용도: 브랜드 캠페인 랜딩 본문이벤트 페이지 소개 텍스트제품 스토리 카드 본문SNS 콘텐츠 캡션전시·행사 안내문

어울리는 영문 폰트

제목GeistManropePlus Jakarta Sans

본문InterManrope

본문 써라운드의 둥근 곡선과 잘 맞는 부드러운 산세리프를 본문에 두고, 제목은 기계적 골격을 살리는 약간 기하학적인 라틴을 매칭한다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2937

#f59e0b

#f7f3ec

어울리는 산업 톤

F&B 친근라이프스타일 매거진이커머스 캠페인

52제목 카페24 써라운드 · 본문 한국기계연구원체

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

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

+한국기계연구원체A=본문용

제작한국기계연구원상업 무료다운로드

기계는 사람을 위한 도구입니다

한국기계연구원체는 디스플레이 성격이라 긴 본문에는 피로감이 있으나, 짧은 단락이나 캡션 수준에서는 개성을 살릴 수 있다. 써라운드 제목은 둥근 형태로 가독성이 높다.

분위기: 한국기계연구원체의 기술적이고 각진 인상이 본문에서 주도하고, 카페24 써라운드의 둥글고 친근한 곡선이 제목에서 톤을 부드럽게 잡아준다. 두 폰트의 성격이 다소 충돌하지만 의외의 대비를 만든다.
대비·계층: 본문이 각진 기하학적 형태, 제목이 둥근 곡선으로 형태 대비는 뚜렷하다. 다만 두 폰트 모두 인상이 강해 정보 위계보다는 분위기 대비로 작동한다.
추천 용도: 기술 브랜드 캠페인 본문전시 도록 짧은 설명문이벤트 리플렛 캡션공공 R&D 홍보물

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문IBM Plex SansInter

본문의 기하학적 구조에는 IBM Plex Sans의 단정한 골격이 어울리고, 둥근 제목 폰트에는 Manrope·Jakarta의 부드러운 라틴이 자연스럽게 매칭된다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2c3e50

#e67e22

#f4efe6

어울리는 산업 톤

공공 R&D 홍보테크 친근 캠페인전시·문화

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Cafe24Ssurround/subsets/Cafe24Ssurround-dynamic-subset.css');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/KIMM/KIMM.css');

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

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