한글 페어링 · 큐레이션

카페24 오스퀘어+IBM 플렉스 산스 KR

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

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

A:카페24 오스퀘어· 제작 카페24|B:IBM 플렉스 산스 KR· 제작 IBM

→ 각 폰트 종합 가이드: 카페24 오스퀘어 가이드·IBM 플렉스 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

78제목 카페24 오스퀘어 · 본문 IBM 플렉스 산스 KR

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

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

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

제작IBM상업 무료다운로드

기술과 사람을 잇는 일상의 도구

IBM 플렉스 산스 KR은 균일한 자폭과 적절한 x-height로 긴 본문 읽기에 안정적이며, 오스퀘어 700이 제목에서 명확한 시선 진입점을 만든다.

분위기: IBM 플렉스 산스 KR의 단정하고 기술적인 본문 톤이 카페24 오스퀘어의 단단한 정사각형 제목과 만나 정돈된 모던함을 만든다.
대비·계층: 본문의 휴머니스트 산스 곡선과 제목의 기하학 사각형 구조가 형태적 대비를 형성하고, 웨이트 차(400 vs 700)도 위계를 충분히 분리한다.
추천 용도: 테크 기업 블로그 본문B2B SaaS 제품 소개 페이지디지털 매거진 아티클스타트업 IR 자료기술 문서 웹사이트

어울리는 영문 폰트

제목InterManropeGeistPlus Jakarta Sans

본문IBM Plex SansInterSource Sans Pro

IBM Plex Sans는 한글판과 동일 패밀리라 본문 합성에서 자폭·곡률이 자연스럽게 맞물리며, 제목에는 기하학 산스 계열이 오스퀘어의 사각 구조와 호응한다.

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

34~42px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1f2937

#3b82f6

#f5f6f8

어울리는 산업 톤

B2B SaaS테크 미디어스타트업 모던디지털 프로덕트

68제목 IBM 플렉스 산스 KR · 본문 카페24 오스퀘어

IBM 플렉스 산스 KRB=제목용

제작IBM상업 무료다운로드

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

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

오늘의 작은 변화가 내일을 만듭니다.

카페24 오스퀘어는 글자 폭이 안정적이라 짧은 본문에서 부드럽게 읽히며, IBM 플렉스 산스 KR은 7가지 웨이트로 제목 위계를 또렷하게 잡아줍니다.

분위기: 카페24 오스퀘어의 둥글고 친근한 라운드 산스가 본문을 채우고, IBM 플렉스 산스 KR이 단정한 제목으로 균형을 잡는 절충형 페어입니다.
대비·계층: 둘 다 산스라 형태 대비는 약하지만, 카페24의 둥근 골격과 IBM 플렉스의 기하학적 단정함이 미세한 결 차이로 위계를 만듭니다.
추천 용도: 브랜드 안내 페이지 본문이벤트 랜딩 설명 영역친근한 톤의 사보·뉴스레터온라인 쇼핑몰 상품 설명

어울리는 영문 폰트

제목IBM Plex SansInterManrope

본문IBM Plex SansSource Sans Pro

IBM Plex Sans KR은 라틴 IBM Plex Sans와 동일 패밀리라 제목·본문 양쪽에서 자연스럽고, 카페24 오스퀘어의 둥근 본문에는 Source Sans Pro가 부드러운 결을 유지해줍니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#2b3a4a

#f4a261

#f7f3ee

어울리는 산업 톤

라이프스타일 커머스교육 따뜻브랜드 콘텐츠 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Cafe24Ohsquare/subsets/Cafe24Ohsquare-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 Ohsquare', sans-serif;
}

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