한글 페어링 · 큐레이션

카페24 오스퀘어+한국기계연구원체

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

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

A:카페24 오스퀘어· 제작 카페24|B:한국기계연구원체· 제작 한국기계연구원

→ 각 폰트 종합 가이드: 카페24 오스퀘어 가이드·한국기계연구원체 가이드

평가 결과 · 2개 케이스

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

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

62제목 한국기계연구원체 · 본문 카페24 오스퀘어

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

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

+카페24 오스퀘어A=본문용

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

정밀한 기술이 일상을 바꿉니다

오스퀘어는 균일한 굵기와 정돈된 자형으로 본문 가독성이 무난하며, 한국기계연구원체는 디스플레이 특성상 짧은 헤드라인에서 시선을 끈다.

분위기: 카페24 오스퀘어가 차분하고 안정적인 본문 톤을 잡고, 한국기계연구원체가 기술적이고 각진 인상으로 강조 제목을 만든다.
대비·계층: 둘 다 기하학적 골격이라 골격 자체의 대비는 약하지만 디스플레이 vs 산세리프 구분과 웨이트 차이로 위계는 형성된다.
추천 용도: 기술 브로슈어 본문산업 전시 패널연구기관 리포트B2B 제품 카탈로그

어울리는 영문 폰트

제목GeistIBM Plex SansManrope

본문InterIBM Plex Sans

기계연구원체의 각진 기하 인상에는 Geist·Plex Sans의 테크니컬한 라틴이 어울리고, 본문 오스퀘어에는 중립적이고 가독성 높은 Inter 계열이 자연스럽다.

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

36~44px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#3a6ea5

#f2f2f0

어울리는 산업 톤

B2B 기술연구·공공기관 신뢰산업 제조

58제목 카페24 오스퀘어 · 본문 한국기계연구원체

카페24 오스퀘어B=제목용

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

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

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

기술이 만드는 내일, 우리의 오늘을 다시 쓰다.

한국기계연구원체는 디스플레이 성격이라 긴 본문에는 부담이 있지만, 짧은 카피·캡션 위주라면 충분히 기능합니다. 오스퀘어 제목은 굵은 웨이트에서 명료한 시인성을 보여줍니다.

분위기: 한국기계연구원체의 기하학적·테크니컬한 인상이 본문에 깔리고, 카페24 오스퀘어의 단단한 산세리프 제목이 미래지향적 톤을 형성합니다.
대비·계층: 둘 다 직선적·기하학적 골격이라 형태 대비는 약한 편이며, 웨이트 차이(400 본문 vs 700 제목)로 위계를 확보해야 합니다.
추천 용도: 테크 컨퍼런스 안내물산업·연구 브로슈어 캡션스타트업 랜딩 짧은 카피엔지니어링 리포트 표지·요약

어울리는 영문 폰트

제목GeistManropeIBM Plex SansInter

본문IBM Plex SansInter

오스퀘어의 정사각형 골격과 한국기계연구원체의 기하학적 형태에 맞춰, 직선적이고 모던한 산세리프 라틴을 매칭하면 일관된 테크 톤을 유지할 수 있습니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1f2933

#3a86ff

#f1f3f5

어울리는 산업 톤

B2B SaaS산업·연구기관 신뢰테크 스타트업 임팩트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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