한글 페어링 · 큐레이션

비트로 코어+카페24 오스퀘어

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

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

A:비트로 코어· 제작 비트로|B:카페24 오스퀘어· 제작 카페24

→ 각 폰트 종합 가이드: 비트로 코어 가이드·카페24 오스퀘어 가이드

평가 결과 · 2개 케이스

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

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

68제목 비트로 코어 · 본문 카페24 오스퀘어

비트로 코어B=제목용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

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

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

오늘의 일상에 작은 변화를 더하세요.

오스퀘어는 균일한 굵기와 넓은 카운터로 본문 가독성이 양호하나 x-height가 다소 커 장문 시 피로감이 있을 수 있습니다. 비트로 코어는 디스플레이 특성상 짧은 헤드라인에 한정해 사용해야 합니다.

분위기: 카페24 오스퀘어의 정직한 사각 구조가 본문을 안정적으로 잡아주고, 비트로 코어의 기하학적 임팩트가 제목에서 신선한 긴장감을 더합니다.
대비·계층: 정형 산세리프 본문과 실험적 디스플레이 제목의 대비가 뚜렷해 위계는 명확하지만, 두 폰트 모두 구조가 강해 자칫 시각적 무게가 충돌할 수 있습니다.
추천 용도: 스타트업 랜딩 페이지 본문이벤트 페이지 메인 카피브랜드 캠페인 마이크로사이트모바일 프로모션 배너

어울리는 영문 폰트

제목GeistSatoshiManropePlus Jakarta Sans

본문InterIBM Plex Sans

오스퀘어의 사각형 구조와 매칭되는 기하학적 산세리프를 본문에, 비트로 코어의 모던한 인상에 호응하는 개성 있는 산세리프를 제목에 매칭했습니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#1a1a1a

#ff5a36

#f4f1ec

어울리는 산업 톤

스타트업 임팩트라이프스타일 캠페인이커머스 프로모션

58제목 카페24 오스퀘어 · 본문 비트로 코어

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

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

+비트로 코어B=본문용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

오늘, 새로운 감각을 만나다

오스퀘어는 정사각형 골격으로 큰 사이즈 제목에서 강한 주목성을 확보합니다. 비트로 코어는 디스플레이 폰트라 짧은 캐치카피나 강조 문구엔 어울리나 긴 본문 가독성은 제한적입니다.

분위기: 카페24 오스퀘어의 또렷한 기하학적 인상과 비트로 코어의 실험적 디스플레이 감성이 만나 트렌디하면서도 캐주얼한 톤을 형성합니다. 다만 본문에 디스플레이 폰트를 쓰는 구조라 톤이 다소 들뜰 수 있습니다.
대비·계층: 굵은 오스퀘어 700과 가는 비트로 코어 400 사이에 웨이트·구조 대비가 분명해 위계는 잘 잡힙니다. 다만 둘 다 개성이 강해 시각적 경쟁이 발생할 수 있습니다.
추천 용도: 브랜드 캠페인 랜딩페이지이벤트 포스터패션·라이프스타일 SNS 카드뉴스팝업스토어 사이니지유튜브 썸네일

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문SatoshiInter

오스퀘어의 기하학적 사각 골격과 매칭되는 모던 지오메트릭 산세리프를 제목에, 비트로 코어의 캐주얼 감성을 받쳐줄 중성적 본문 산세리프를 선택했습니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#ff5a36

#f5efe6

어울리는 산업 톤

라이프스타일 매거진이커머스 트렌디스타트업 임팩트F&B 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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