한글 페어링 · 큐레이션

카페24 오스퀘어+코트라 볼드

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

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

A:카페24 오스퀘어· 제작 카페24|B:코트라 볼드· 제작 코트라

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

평가 결과 · 2개 케이스

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

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

62제목 코트라 볼드 · 본문 카페24 오스퀘어

코트라 볼드A=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

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

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

세계로 뻗어가는 한국의 도약

코트라 볼드는 굵은 세리프로 제목에서 시선을 강하게 잡고, 카페24 오스퀘어는 네모꼴 골격 덕에 짧은 본문·캡션 가독성이 양호합니다.

분위기: 코트라 볼드는 묵직한 세리프 디스플레이의 공적·전통적 인상을 주는 반면, 카페24 오스퀘어는 또렷하고 친근한 산스 톤이라 다소 결이 다릅니다.
대비·계층: 세리프 700 제목 vs 산스 400 본문 구조라 형태 대비는 뚜렷하지만, 두 폰트 모두 굵은 인상이 강해 위계가 다소 혼탁해질 수 있습니다.
추천 용도: 공공기관 안내 포스터글로벌 무역 리포트 표지B2B 행사 키비주얼수출 브랜드 카탈로그정책 브리프 표지

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex SerifSource Serif

본문IBM Plex SansInterSource Sans Pro

제목은 코트라 볼드의 공적 세리프 골격과 어울리는 클래식 세리프, 본문은 카페24 오스퀘어의 네모꼴 산스 톤과 짝이 맞는 모던 산스를 매칭했습니다.

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

40~52px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#0b3d91

#c8a96a

#f4f1ea

어울리는 산업 톤

공공기관 신뢰B2B 글로벌 무역정책·리포트 격식

42제목 카페24 오스퀘어 · 본문 코트라 볼드

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

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

+코트라 볼드B=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

각진 헤드라인이 시선을 단숨에 사로잡습니다

오스퀘어는 제목에서 또렷한 시인성을 보이지만, 본문 자리에 700 단일 웨이트의 코트라 볼드를 두면 글자 무게가 과해 긴 문장 가독성이 떨어집니다.

분위기: 카페24 오스퀘어의 각진 기하학적 인상과 코트라 볼드의 묵직한 디스플레이 세리프 톤이 모두 강한 주장을 펼쳐 분위기 충돌이 발생합니다.
대비·계층: 두 폰트 모두 굵은 웨이트 중심이라 위계 대비가 약하고, 산세리프 제목과 강한 세리프 본문이 형태적으로 경쟁합니다.
추천 용도: 캠페인 키비주얼 헤드라인공공 행사 포스터전시 배너 타이틀짧은 슬로건 카드뉴스

어울리는 영문 폰트

제목ManropeGeistPlus Jakarta SansInter

본문IBM Plex SerifMerriweather

오스퀘어의 기하학적 산세리프 구조에는 균일한 스트로크의 모던 산세리프가, 코트라 볼드의 강한 세리프에는 안정된 본문 세리프가 톤을 맞춰줍니다.

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

40~52px

26~30px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#d94b2b

#f3ede2

어울리는 산업 톤

공공기관 캠페인스타트업 임팩트전시·문화 행사

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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