한글 페어링 · 큐레이션

비트로 프라이드+카페24 오스퀘어

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

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

A:비트로 프라이드· 제작 비트로|B:카페24 오스퀘어· 제작 카페24

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

평가 결과 · 2개 케이스

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

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

68제목 비트로 프라이드 · 본문 카페24 오스퀘어

비트로 프라이드A=제목용ⓘ 미리보기는 프리텐다드

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

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

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

오늘, 당신만의 컬러를 외쳐봐

비트로 프라이드는 짧은 헤드라인에서 시선을 강하게 잡고, 카페24 오스퀘어는 직선적이지만 본문 길이가 길어지면 다소 묵직하므로 중·단문 본문에 적합합니다.

분위기: 비트로 프라이드의 자유분방하고 개성 강한 디스플레이 인상이 카페24 오스퀘어의 단단하고 또렷한 스퀘어 산세리프와 만나 활기차고 도전적인 톤을 형성합니다.
대비·계층: 장식적·유희적인 디스플레이 제목과 정직한 기하학 산세리프 본문 간의 형태 대비가 뚜렷해 정보 위계가 명확히 잡힙니다.
추천 용도: 이벤트·캠페인 랜딩페이지프로모션 배너브랜드 키비주얼 헤드라인굿즈·패키지 타이틀

어울리는 영문 폰트

제목SatoshiGeistPlus Jakarta SansManrope

본문InterIBM Plex Sans

비트로 프라이드의 트렌디한 개성에는 모던한 지오메트릭 산세리프가, 카페24 오스퀘어의 단단한 골격에는 균형 잡힌 휴머니스트 산세리프가 자연스럽게 어울립니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#ff4d3d

#ffd23f

#1a1a1a

어울리는 산업 톤

라이프스타일 캠페인이커머스 프로모션스타트업 임팩트F&B 친근

42제목 카페24 오스퀘어 · 본문 비트로 프라이드

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

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

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

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

올여름, 새로운 감각을 만나다

제목용 오스퀘어는 또렷한 형태로 헤드라인 가독성이 양호하나, 비트로 프라이드는 디스플레이 폰트라 본문 장문에 사용하면 피로감이 큽니다.

분위기: 카페24 오스퀘어의 단단한 기하학적 인상과 비트로 프라이드의 장식적 디스플레이 성격이 충돌해 일관된 톤 형성이 어렵습니다. 두 폰트 모두 시각적 주장이 강해 본문 역할에 부적합합니다.
대비·계층: 둘 다 강한 개성을 가진 폰트라 대비보다는 경쟁 관계가 형성되어 명확한 정보 위계가 흐려집니다. weight 차이만으로 위계 분리가 쉽지 않습니다.
추천 용도: 이벤트 포스터 헤드 카피프로모션 배너캠페인 키비주얼굿즈 패키지 타이포

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문InterIBM Plex Sans

오스퀘어의 기하학적 sans 구조에는 Manrope·Geist 같은 모던 지오메트릭 sans가 골격적으로 잘 맞습니다. 비트로 프라이드는 디스플레이라 본문 합성용으로는 중립적 Inter 계열이 안전합니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#ff5a36

#ffd23f

#1a1a1a

어울리는 산업 톤

이커머스 프로모션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;
}