한글 페어링 · 큐레이션

카페24 오스퀘어+빛의 계승자

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

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

A:카페24 오스퀘어· 제작 카페24|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: 카페24 오스퀘어 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

62제목 빛의 계승자 · 본문 카페24 오스퀘어

빛의 계승자A=제목용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

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

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

전설의 검을 든 자, 빛을 계승하라

빛의 계승자는 장식성이 강해 짧은 제목·키 카피에 적합하고, 카페24 오스퀘어는 두툼한 직선 골격으로 본문 가독성을 안정적으로 받쳐준다.

분위기: 빛의 계승자의 판타지·게임 디스플레이 인상과 카페24 오스퀘어의 모던하고 단단한 산세리프 톤이 만나, 강렬한 헤드라인과 또렷한 본문이 공존하는 구조를 만든다.
대비·계층: 장식적 디스플레이와 기하학적 산세리프의 카테고리 차이가 커서 위계는 분명하지만, 두 폰트 모두 무게감이 있어 본문 weight를 400으로 제한해 균형을 잡아야 한다.
추천 용도: 게임 프로모션 랜딩 페이지판타지 웹툰·웹소설 표지이벤트 키 비주얼엔터테인먼트 캠페인 배너

어울리는 영문 폰트

제목CinzelTrajan ProMarcellusPlayfair Display

본문ManropePlus Jakarta Sans

제목은 빛의 계승자의 서사적·중세 판타지 인상과 어울리는 클래식 세리프/로만 계열을, 본문은 카페24 오스퀘어의 둥근 기하 산세리프 골격과 호환되는 모던 산세리프를 매칭했다.

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

44~60px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1326

#c8a96a

#f4ede0

어울리는 산업 톤

게임·엔터테인먼트 임팩트판타지 콘텐츠 서사캠페인 키 비주얼

42제목 카페24 오스퀘어 · 본문 빛의 계승자

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

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

+빛의 계승자B=본문용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

새로운 모험이 지금 시작됩니다

오스퀘어는 제목에서 명확하게 시선을 잡지만, 디스플레이 성격의 빛의 계승자는 본문용으로는 가독성이 떨어져 긴 글에 부적합합니다.

분위기: 카페24 오스퀘어의 단단한 기하학적 인상과 빛의 계승자의 판타지 손글씨 분위기가 충돌하여 통일된 톤을 만들기 어렵습니다.
대비·계층: 산세리프 제목 + 손글씨 디스플레이 본문이라는 구조 자체는 대비가 강하지만, 위계보다는 이질감이 먼저 느껴집니다.
추천 용도: 게임 이벤트 랜딩 페이지 제목팬시 굿즈 패키지캠페인 포스터 헤드라인단문 위주 프로모션 배너

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문SatoshiIBM Plex Sans

오스퀘어의 둥근 정사각 골격과 어울리도록 기하학적이면서 모던한 산세리프를 매칭했고, 빛의 계승자의 장식성은 라틴 본문 대체로 중립적 산세리프를 권장합니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.6

어울리는 색상

#2b2350

#c9a04a

#f4efe6

어울리는 산업 톤

게임 판타지엔터테인먼트 캠페인이벤트 프로모션

구현 코드 · 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;
}