한글 페어링 · 큐레이션

카페24 오스퀘어+노토 산스 KR

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

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

A:카페24 오스퀘어· 제작 카페24|B:노토 산스 KR· 제작 구글·어도비

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

평가 결과 · 2개 케이스

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

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

86제목 카페24 오스퀘어 · 본문 노토 산스 KR

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

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

+노토 산스 KRB=본문용

제작구글·어도비상업 무료다운로드

새로운 시작, 더 단단하게 나아갑니다

오스퀘어는 굵은 700에서 헤드라인이 명료하게 시선을 잡고, 노토 산스 KR은 다양한 웨이트와 안정적 자형으로 긴 본문에서도 무리 없이 읽힙니다.

분위기: 카페24 오스퀘어의 단단한 사각 골격이 노토 산스 KR의 중립적이고 부드러운 본문 톤과 만나 모던하면서 신뢰감 있는 인상을 형성합니다.
대비·계층: 기하학적 사각 구조의 제목과 휴머니스트 골격의 본문이 형태 대비를 만들고, 700↔400 웨이트 차이가 위계를 분명히 합니다.
추천 용도: 스타트업 랜딩 페이지 히어로 카피B2B SaaS 제품 소개 페이지브랜드 캠페인 키 비주얼 헤드라인이커머스 카테고리 배너

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문InterIBM Plex Sans

오스퀘어의 사각형 기하학적 인상에는 Manrope·Geist 같은 정돈된 지오메트릭 산세리프가 맞고, 노토 산스 KR 본문에는 중립적 가독성이 검증된 Inter가 자연스럽게 합성됩니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#3b82f6

#f5f5f5

어울리는 산업 톤

스타트업 임팩트B2B SaaS핀테크 모던

72제목 노토 산스 KR · 본문 카페24 오스퀘어

노토 산스 KRB=제목용

제작구글·어도비상업 무료다운로드

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

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

오늘의 작은 시도가 내일을 바꿉니다

오스퀘어는 사각형 골격이 강해 짧은 본문이나 캡션에서 가독성이 좋고, 노토 산스 KR은 다양한 웨이트로 제목 위계를 또렷하게 잡습니다.

분위기: 카페24 오스퀘어가 본문에서 단단하고 또렷한 인상을 잡아주고, 노토 산스 KR이 제목에서 중립적이면서도 안정적인 분위기를 더합니다.
대비·계층: 두 폰트 모두 산세리프 계열이라 형태 대비는 약하지만, 오스퀘어의 각진 골격과 노토의 휴머니스트 곡선이 미묘한 차이를 만들어 위계를 보조합니다.
추천 용도: 브랜드 소개 페이지 본문이벤트 랜딩 카피프로모션 배너제품 상세 설명 영역

어울리는 영문 폰트

제목InterManropePlus Jakarta SansIBM Plex Sans

본문InterSource Sans Pro

노토 산스 KR과 골격이 유사한 휴머니스트 산세리프 계열로 합성 시 자간·높이 정합성이 좋고, 본문 오스퀘어와도 사각 골격이 어울립니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#ff6b35

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

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

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